- 精通HTML5+CSS3+JavaScript网页设计(视频教学版)(第2版)
- 王英英
- 349字
- 2021-03-24 01:08:48
4.2 完整的表格标记
上面讲述了表格中最常用也是最基本的三个标记<table>、<tr>和<td>,使用它们可以构建出最简单的表格。为了让表格结构更清楚,以及配合后面学习的CSS样式,更方便地制作各种样式的表格,表格中还会出现表头、主体、脚注等。
按照表格结构,可以把表格的行分组,称为“行组”。不同的行组具有不同的意义。行组分为3类——“表头”“主体”和“脚注”,三者相应的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>标记之后。