6.1　认识表格结构

表格由行、列、单元格3部分组成。单元格是行与列交叉的部分，它组成表格的最小单位，数据的输入和修改都是在单元格中进行的。单元格可以拆分，也可以合并。以Excel为例，用户可以很清晰地了解表格的各个组成部分，如图6.1所示。

图6.1　表格结构分析

在HTML中，表格由<table>标签来定义，每个表格均有若干行，行由<tr>标签定义，每行被分割为若干单元格，单元格由<td>标签定义。字母td表示表格数据（table data），即数据单元格的内容，数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

设计符合标准的表格结构，用户应该注意每个标签的语义性和使用规则，简单说明如下所示。

　<table>：定义表格。在<table>标签内部可以放置表格的标题、表格行、表格列、表格单元以及其他表格对象。

　<caption>：定义表格标题。<caption>标签必须紧随<table>标签之后。只能为每个表格定义一个标题。通常这个标题会被居中显示在表格之上。

　<th>：定义表头单元格。<th>标签内部的文本通常会呈现为粗体、居中显示。

　<tr>：在表格中定义一行。

　<td>：在表格中定义一个单元格。

　<thead>：定义表头结构。

　<tbody>：定义表格主体结构。

　<tfoot>：定义表格的页脚结构。

　<col>：在表格中定义针对一个或多个列的属性值。只能在<table>或<colgroup>标签中使用。

　<colgroup>：定义表格列的分组。通过该标签，可以对列组进行格式化。只能在<table>标签中使用。

【示例】下面示例使用上述表格标签对象，设计一个符合标准的表格结构，代码如下所示。

在符合标准的表格结构中很少见到各种表格属性，代码简洁，数据明了，表格功能单一。