使用表格布局网页

《使用表格布局网页》由会员分享，可在线阅读，更多相关《使用表格布局网页（17页珍藏版）》请在金锄头文库上搜索。

1、第第3章章 使用表格布局网页使用表格布局网页n n表格基本操作n n表格高级操作3.1 表格基本操作表格基本操作所谓表格（Table）就是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行（在HTML语言中以标签开始，标签结束），垂直的多个单元格称为列（以标签开始，标签结束），行与列的交叉区域称为单元格，网页中的元素就放置在这些单元格中。行行列列单元格单元格此处表示未明确设置单元格的宽度 此处显示了表格的宽度。如果只显示一个“”符号，表示未明确设置表格宽度 3.1.1 创建表格创建表格Dreamweaver 8提供了非常完善的表格编辑功能，下面我们首先来看一下如何在网页文档中插入表格。

2、3.1.2 选择表格和单元格选择表格和单元格1选择表格 将鼠标光标移至单元格边框线上，当鼠标光标变为 或 形状时单击鼠标左键。 将鼠标光标移至表格外框线上，当鼠标光标变为 形状时，单击鼠标左键。 在表格内部任意单元格中单击鼠标左键，然后在标签选择器中单击对应的“”标签 。将插入点置于表格的任意单元格中，表格上方或下方将显示绿线标志，单击最上方或最下方标有表格宽度的绿线中的 ，在弹出的下拉菜单中选择“选择表格”命令。 2选择行或列选择行或列要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头 或 时单击鼠标左键。 3选择单元格选择单元格可以选择单个单元格，也可以选择连续的多个

3、单元格或不连续的多个单元格。 要选择某个单元格，可首先将插入点置于该单元格内，然后按【CtrlA】组合键或单击“标签选择器”中对应的“”标签。要选择连续的单元格区域。应首先在要选择的单元格区域的左上角单元格中单击，然后按住鼠标左键向右下角单元格方向拖动鼠标，最后松开鼠标左键。如果希望选择一组不相邻的单元格，可按住【Ctrl】键单击选择各单元格。3.1.3 设置表格属性设置表格属性选中表格后，可利用“属性”面板查看或修改表格的行、列、宽，以及填充、间距、背景颜色、背景图像等属性。 3.1.4 设置单元格属性设置单元格属性在表格的某个单元格中单击，“属性”面板中将显示水平、垂直、宽、高等单元格属性

4、，此时可通过“属性”面板设置其属性。综合实例综合实例1用表格布局用表格布局“SM”网站主网站主页页本例将在第2章综合实例创建的文档“index.html”的基础上，使用表格布局文档，以巩固3.1节所学知识（具体操作见视频3-1）。3.2 表格高级操作表格高级操作3.2.1 拆分与合并单元格在网页制作中，经常会用到一些特殊结构的表格，此时就需要拆分或合并单元格。 1拆分单元格拆分单元格 拆分单元格就是将一个单元格拆分成多个单元格。 2合并单元格合并单元格 所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。拖动鼠标选中要合并的连续单元格（此处为第1行中间的3个单元格），然后单击“属性”面板上

5、的“合并所选单元格，使用跨度”按钮 ，则3个单元格合并为1个单元格。3.2.2 插入、删除行和列插入、删除行和列在使用表格组织大量信息时，往往需要在创建好的表格中添加或删除行与列，以增加或减少记录。 3.2.3 移动表格整行内容移动表格整行内容移动表格整行内容的方法非常简单，本节来看具体操作。 3.2.4 排序表格内容排序表格内容如果希望对Dreamweaver表格中的内容进行排序，可执行本节的操作。 3.2.5 导入或导出表格内容导入或导出表格内容在页面中添加表格时，如果预先有表格内容存储在记事本或Word等文档中，可以将其直接导入到页面中；此外，还可以将表格导出为独立的文件，以便在需要使用时导入。 综合实例综合实例2用表格布局用表格布局“SM”网站子网站子页页本例将在第2章综合实例创建的文档“sub1.html”的基础上，使用表格布局文档，以巩固本章所学知识（具体操作见视频3-2）。