第03章-使用表格布局页面(全).pptVIP

《网页设计与制作基础教程(第3版)》

第三章使用表格布局页面

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标在网页中插入的文本和图像会随着浏览器窗口的放大与缩小发生变化，这使得网页处于不稳定的显示状态。要解决这种状态，最简单的方法就是使用表格，表格不仅能够控制网页在浏览器窗口中的位置，还可以控制网页元素在网页中的显示位置。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点创建基本表格插入表格元素调整表格大小导入与导出表格数据使用表格制作网页

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.1使用表格网页能够向访问者提供的信息是多样化的，包括文字、图像、动画和视频等。如何使这些网页元素在网页中的合理位置上显示出来，使网页变得不仅美观而且有条理，是网页设计者在着手设计网页之前必须要考虑的问题。表格的作用就是帮助用户高效、准确地定位各种网页数据，并直观、鲜明地表达设计者的思想。网页中表格的用途创建表格插入表格元素设置表格属性

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.1.1网页中表格的用途使用表格排版的页面在不同平台、不同分辨率的浏览器中都能保持其原有的布局，并且在不同的浏览器平台中具有较好的兼容性，所以表格式网页中最常用的排版方式之一。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.1.2创建表格表格是用于在HTML页面上显示表格式数据以及对文本和图形进行布局的工具。表格由一行或多行组成，每行又由一个或多个单元格组成。插入表格插入嵌套表格

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.1.3插入表格元素为了使网页中的元素能够有序的在浏览器中显示，用户在插入文本和图像之前，最好先插入一个表格。在表格中插入文本与图像的方法与直接在网页中插入基本相同，只是在插入之前，需要先将鼠标光标放置在表格中。在表格中输入文本在表格中插入图像

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.1.4设置表格属性表格由单元格组成，即使是一个最简单的表格，也由一个单元格。而表格与单元格的属性完全不同，选择不同的对象（表格或单元格），“属性”检查器将会显示相应的选项参数。表格属性单元格属性

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.2编辑表格当用户创建的表格不符合网页设计的要求时，可以通过拆分与合并表格中的单元格，或者增加与删除表格行或列来达到所需的目的。除此之外，在表格中还可以执行复制、剪切、粘贴等操作，并保存原有单元格的格式。选择表格元素调整表格大小更改列宽和行高添加或删除行或列拆分与合并单元格复制与粘贴单元格设置表格内容排序导入与导出表格式数据

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.2.1选择表格元素将鼠标光标放置在网页中的表格内，“属性”检查器将显示单元格的属性，而不是表格的属性。这说明选中的单元格，而非表格。在网页中创建一个表格，既包括表格自身，还包含单元格、行与列等元素，而这些元素的选择方法各不相同。选择整个表格选中行和列选中单元格选中单元格区域选中不相邻的单元格

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.2.2调整表格大小当用户选中网页中的表格后，在表格右下角区域将显示3个控制点，通过拖动这3个控制点可以将表格横向、纵向或者整体放大。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::3.2.3更改列宽和行高要更改单元格的列宽和行高，可以在“属性”面板中调整数值，或拖动列或行的边框来更改表格的列宽或行高；也可以在“代码”视图中修改HTML代码来更改单元格的宽度和高度。

:::::《计算机