![精通HTML5+CSS3+JavaScript网页设计(视频教学版)(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/776/26846776/b_26846776.jpg)
上QQ阅读APP看书,第一时间看更新
4.2 完整的表格标记
上面讲述了表格中最常用也是最基本的三个标记<table>、<tr>和<td>,使用它们可以构建出最简单的表格。为了让表格结构更清楚,以及配合后面学习的CSS样式,更方便地制作各种样式的表格,表格中还会出现表头、主体、脚注等。
按照表格结构,可以把表格的行分组,称为“行组”。不同的行组具有不同的意义。行组分为3类——“表头”“主体”和“脚注”,三者相应的HTML标记依次为<thead>、<tbody>和<tfoot>。
此外,在表格中还有两个标记。标记<caption>表示表格的标题,在一行中除了<td>标记表示一个单元格以外,还可以使用<th>定义表格内的表头单元格。
【例4.5】(实例文件:ch04\4.5.html)
![](https://epubservercos.yuewen.com/DBA090/15289821504504406/epubprivate/OEBPS/Images/Figure-P71_129361.jpg?sign=1739285552-4IOmeyzPQqZvDETxvjECnuAF9b3bZLl6-0-29993c9da79e235dd1b8462a6ddb0477)
从上面的代码可以发现,使用<caption>标记定义了表格标题,<thead>、<tbody>和<tfoot>标记对表格进行了分组。在<thead>部分使用<th>标记代替<td>标记定义单元格,<th>标记定义的单元格默认加粗。网页预览效果如图4-8所示。
![](https://epubservercos.yuewen.com/DBA090/15289821504504406/epubprivate/OEBPS/Images/Figure-P72_70287.jpg?sign=1739285552-BTU7cy1Croj1E6ETM0dft04qzTSRxb3H-0-fd87218f07b4b14a369c2f181ee3fc46)
图4-8 完整的表格结构
技巧提示
<caption>标记必须紧随<table>标记之后。