第6章 使用表格布局网页 网页的设计课件.ppt

第6章 使用表格布局网页 学习要点 可视化、快速插入表格。 能够快速选中表格。 设置表格显示属性。 操作表格数据。 使用表格布局网页。 6.1 插入表格 择【插入】|【表格】命令（组合键为Ctrl+Alt+T），或者单击【插入】面板【常用】选项卡中【表格】选项，打开【表格】对话框。 6.2 操作练习：选择表格 6.2.3 选择单元格 方法1，在单元格中单击，然后按Ctrl+A组合键。 方法2，在单元格中单击，然后选择【编辑】|【选择父标签】命令，或者按Ctrl+[组合键。 方法3，在单元格中单击，然后在编辑窗口的左下角标签选择栏中选择td标签。 方法4，在【代码】视图下，找到表格代码区域，用鼠标拖选td和/td标记区域代码，单击左侧工具条中的【选择父标签】按钮 。 方法5，要选择多个单元格，可使用选择行或列中拖选方式快速选择多个连续的单元格。也可以配合键盘快速选择多个连续或不连续的单元格。 方法6，在一个单元格内单击，按住Shift键单击另一个单元格。包含两个单元格的矩形区域内所有单元格均被选中。 方法7，按Ctrl键的同时单击需要选择的单元格（两次单击则取消选定），可以选择多个连续或不连续的单元格 。 6.3 表格属性 6.3.1 操作练习：设置表格框属性 6.3.2 操作练习：设置表格对象属性 6.3.3 操作练习：设置表格特殊属性 1. 设置单元格分隔线 实现单元格分隔线的显示和隐藏主要通过rules属性值来控制。 当rules的属性值为rows时：隐藏表格的横向分隔线，只能看到表格的列。 当rules的属性值cols时：隐藏表格的横向分隔线，只能看到表格的行。 当rules的属性值none时：纵向分隔线和横向分隔线将全部被隐藏。 。 6.3.3 操作练习：设置表格特殊属性 2. 设置表格边框 实现表格边框的显示和隐藏主要通过frame属性值来控制。 当frame属性值为vsides时可以显示表格的左、右边框。 当frame属性值为hsides时可以显示表格的上、下边框。 当frame属性值为above时可以显示表格的上边框。 当frame属性值为below时可以显示表格的下边框。 当frame属性值为rhs时可以显示表格的右边框。 当frame属性值为lhs时可以显示表格的左边框 当frame属性值为void时将不能显示表格的边框。 6.5 实战演练：操作表格 6.5.1 调整大小 用属性面板中的【宽】和【高】文本框能精确调整表格及其元素的大小，而用鼠标拖动调整则显得更为方便快捷，如果配合表格宽度菜单中显示的数值也能比较精确调整列宽。 6.5.2 清除、均化大小 清除所有高度：选择整个表格，在表格宽度菜单中选择【清除所有高度】菜单项。 清除所有宽度：选择整个表格，在表格宽度菜单中选择【清除所有宽度】菜单项。 均化所有宽度：选择整个表格，如果表格中一个列的宽度有两个数字，说明HTML代码中设置的列宽度与这些列在可视化编辑窗口中显示的宽度不匹配，在表格宽度菜单中选择【使所有宽度一致】菜单项，可以将代码中指定的宽度和可视化宽度相匹配。 均化列宽：表格调整后，可能各列宽度不一致，选择列宽度菜单中的【清除列宽】菜单项。 6.5.3 增加行、列单元格 1. 增加行 选择【插入】|【表格对象】|【在上面插入行】或者【在下面插入行】命令，可以在光标所在单元格上面或者下面插入一行。 2. 增加列 选择【插入】|【表格对象】|【在上面插入列】（或【在下面插入列】）命令。 6.5.4 删除行、列单元格 1．删除单元格 方法1，按下Delete键，可删除单元格内的内容。 方法2，选择【编辑】|【清除】命令清除单元格内的内容。 2．删除行或列 删除行方法： 方法1，选择【修改】|【表格】|【删除行】命令。 方法2，选择要删除的行，然后在右键菜单中选择【删除行】命令。 方法3，选择整个表格，然后在属性面板中减少【行】文本框中的数值，减少多少就会从表格底部往上删除多少行。 删除列方法： 方法1，选择【修改】|【表格】|【删除列】命令。 方法2，选择要删除的行，然后在右键菜单中选择【删除列】命令。 方法3，选择整个表格，然后在属性面板中减少【列】文本框中的数值，减少多少就会从表格右边往左删除多少列。 6.5.5 剪切、复制和粘贴 1. 剪切单元格 选择表格中的一个或多个单元格，要注意选定的单元格必须成矩形才能被剪切或复制。选择【编辑】|【剪切】命令之后，被选择单元格中的一个或多个单元格将从表格中删除。 如果被选择的单元格组成了表格的某些行或列，选择【编辑】|【剪切】命令会把选中的行或列也删除，否则仅删除单元格中的内容和格式。 2. 粘贴单元格 选择【编辑】|【粘贴】命令，如果把整行或整列粘贴到现有的表