- HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通(视频教学版)
- 张工厂
- 344字
- 2025-02-25 11:36:38
4.2 完整的表格标记
前面讲述了表格中常用的3个标记:<table>、<tr>和<td>,使用它们可以构建出最简单的表格。为了让表格结构更清楚,以及配合后面学习的CSS样式,更方便地制作各种样式的表格,表格中还会出现表头、主体、脚注等。
按照表格结构,可以把表格的行分组,称为“行组”,不同的行组具有不同的意义。行组分为三类——“表头”“主体”和“脚注”。三者相应的HTML标记依次为<thead>、<tbody>和<tfoot>。
此外,在表格中还有两个标记。标记<caption>表示表格的标题,在一行中除了<td>标记表示一个单元格以外,还可以使用<th>定义表格内的表头单元格。
【例4.5】(实例文件:ch04\4.5.html)

从上面的代码可以发现,使用<caption>标记定义了表格标题,<thead>、<tbody>和<tfoot>标记对表格进行了分组。在<thead>部分使用<th>标记代替<td>标记定义单元格,<th>标记定义的单元格默认加粗。网页预览效果如图4-8所示。

图4-8 完整的表格结构
技巧提示
<caption>标记必须紧随<table>标记之后。