4.7　表格元素

使用HTML可以在网页中定义表格（Table）。表格主要用来组织和显示数据。

如图4-8所示，表格主要包括标题（Caption）、表格头（Table Header）和表格体（Table Body）。默认情况下，标题位于表格的上方。通常情况下，表格头由一个表格行（Table Row）组成，其中的表头单元格（Table Header Cell）用来设置列标题，因此表格头中的表格行也称为列标题行；表格体由多个表格行（Table Row）组成，其中的数据单元格（Table Data Cell）用来组织和显示数据，因此表格体中的表格行也称为数据行。

图4-8　表格及其结构

表4-2列出了在HTML文档中定义表格时使用的主要元素及其常用属性。

表4-2　定义表格时使用的主要元素及其常用属性

【例4-7】　在HTML文档中定义如图4-8所示的表格。具体步骤如下：

（1）在Notepad软件中输入以下HTML代码。

在以上代码中，body和table元素都带有属性bgcolor，分别定义主体和表格的背景颜色。在计算机程序（包括HTML代码）中，颜色通常由一个六位的十六进制数来定义。其中，前面两位十六进制数表示红色占比，中间两位十六进制数表示绿色占比，后面两位十六进制数表示蓝色占比。例如，#FF0000代表红色，#00FF00代表绿色，#0000FF代表蓝色。在HTML文档中，也可以直接使用一些预先定义的颜色名，如black、blue、gray、green、purple、red、silver、white和yellow。

table和caption元素都带有属性align，分别定义表格的对齐方式和标题的位置。table元素的align属性值可以是left、center或right。caption元素的align属性值可以是top、bottom、left或right。

table元素的属性border用来定义表格边框的宽度，其度量单位是像素（pixel）。

（2）在Notepad软件中保存HTML文档，并将其命名为4-7.htm。

（3）使用IE浏览器打开HTML文档4-7.htm，网页的浏览效果如图4-8所示。由于将table元素的align属性值设置为center，所以，调整IE浏览器的宽度后，表格在IE浏览器内将重新水平居中。