使用HTML添加表格2（表格头部与脚部）—零基础自学网页制作

添加表格头部信息与脚部信息

昨天我们在《使用HTML添加表格1（基本元素）—零基础自学网页制作》（文章结尾有目录）中学习了如何向网页中添加基础表格，今天我们来学习如何为基础表格添加表头和表脚信息。先看看效果吧。

老规矩，先介绍表头和表脚的标签。

表头：<thead></thead>

这个标签只是告诉页面这里是表头，如果添加文字的话还需要<tr></tr>列标签和<td></td>行标签。

如果要添加表头的话，直接在代码中添加这个标签是不行的，我们还需要将其他表格内容放置到<tbody></tbody>中，这样html才能知道哪里是表格内容，哪里是表头内容。

示例代码如下所示：

<table border = "1" width = "100%">
  <thead><!--表头开始标签-->
  <tr>
  <td>表格的头部信息</td>
</tr>
</thead><!--表头结束标签--><tbody><!--表格内容开始标签-->