理论教育 网页设计与制作:插入表格及使用多个表格的利弊

网页设计与制作:插入表格及使用多个表格的利弊

时间:2023-11-04 理论教育 版权反馈
【摘要】:图9-3“表格”对话框单击“插入”菜单→“表格”命令,弹出“表格”对话框。该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。插入表格后,可看到由绿色线条指示的表格选择器。图9-4插入第一个表格单击该表格右侧外部,取消对表格的选中状态。此时,闪烁的插入点光标出现在第二个表格右边框外。图9-7插入第三个表格在上面的页面布局中分别插入了3个表格,为什么不用一个表格呢?

网页设计与制作:插入表格及使用多个表格的利弊

下面添加一个表格,用于放置文本、图形和Flash动画。操作步骤为:

(1)在页面上单击,此时页面左上角出现闪烁的插入点图标|,如图9-3所示。

图9-3 “表格”对话框

(2)单击“插入”菜单→“表格”命令,弹出“表格”对话框。在“行数”文本框中输入3;在“列数”文本框中输入1;在“表格宽度”文本框中输入700;在“表格宽度”弹出式菜单中选择“像素”;在“边框粗细”文本框中输入0;在“单元格边距”文本框中输入0;在“单元格间距”文本框中输入0。

(3)单击“确定”按钮,这时一个三行一列的表格出现在文档中,如图9-4所示。该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。插入表格后,可看到由绿色线条指示的表格选择器。如果单击表格外部,可以隐藏表格选择器。

图9-4 插入第一个表格

(4)单击该表格右侧外部,取消对表格的选中状态。此时,闪烁的插入点光标出现在表格右边框外,如图9-5所示。

图9-5 取消对表格的选择

(5)再次单击“插入”菜单→“表格”命令,在弹出的“表格”对话框中,设置第二个表格的内容:在“行数”文本框中输入1;在“列数”文本框中输入3;在“表格宽度”文本框中输入700;在“表格宽度”弹出式菜单中选择“像素”;在“边框粗细”文本框中输入0;在“单元格边距”文本框中输入0:在“单元格间距”文本框中输入0。(www.daowen.com)

(6)单击“确定”按钮后,第二个表格(该表格具有一行三列)出现在第一个表格下方,如图9-6所示。

当选定了表格或表格中有插入点时,会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头,使用该菜单可以快速访问一些与表格相关的常用命令。还可以通过选择“查看”菜单→“可视化助理”→“表格宽度”命令来启用或禁用宽度和菜单的显示。

图9-6 插入第二个表格

(7)单击该表格右侧外部取消对它的选择。此时,闪烁的插入点光标出现在第二个表格右边框外。

(8)继续单击“插入”菜单→“表格”命令,在“表格”对话框中输入以下值来插入第三个表格:在“行数”文本框中输入1;在“列数”文本框中输入1;在“表格宽度”文本框中输入700;在“表格宽度”弹出式菜单中选择“像素”;在“边框粗细”文本框中输入0;在“单元格边距”文本框中输入0;在“单元格间距”文本框中输入0。

(9)单击“确定”按钮。第三个表格(该表格具有一行一列)即出现在第二个表格下方。单击该表格右侧取消对它的选择,页面显示如图9-7所示。

图9-7 插入第三个表格

在上面的页面布局中分别插入了3个表格,为什么不用一个表格呢?因为浏览器在下载网页时,先下载整个表格,然后再下载表格中的内容。如果表格太大,内容太多,就会影响网页的下载速度。所以通常用多个表格来布局,以加快下载网页的速度。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈