1. 任务背景
表格有多重要我就不需要赘述了吧，我们日常访问的网页处处都有表格，所以表格是非常非常重要的HTML元素。
2. 任务目标
本节我们就来简单介绍下表格的用法。
3. 相关知识点
3.1 表格标签
我们可以使用<table>标签来定义一个表格，然后使用border属性来设定表格边框的宽度，如下。
注意此时表格里面还没有内容，所以网页也显示不出什么东西来。
<table border="1">
</table>
3.2 表格的行与列
HTML的表格是先编写行<tr>，然后在行里面编写列<td>，所以我们定义一个表格如下：
<table border="1">
<tr>
<td>张三</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
</tr>
</table>
这个表格首先有2行，即2个tr。然后每一行有两列，即两个td。所以效果如下：
3.3 页眉
表格一般需要有标题，我们可以把标题放到页眉里面。页眉标签为thead，标题列的标签为th。所以带页眉标题的代码如下。
需要注意的是，定义页眉后，我们一般将行列放到表格的主体tbody标签内部，这样更加规范。
<table border="1">
<thead>
<th>姓名</th>
<th>性别</th>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
</tr>
</tbody>
</table>
效果如下，可见标题列字体是加粗的。
3.4 页脚
表格还可以添加页脚，可以在页脚显示一些附加信息，例如学生的总数，页脚标签为tfoot。添加页脚后代码如下：
<table border="1">
<thead>
<th>姓名</th>
<th>性别</th>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>
学生总数:
</td>
<td>
2人
</td>
</tr>
</tfoot>
</table>
对应效果如下：
一般页脚用的比较少。
4. 任务实操
开发一个通讯录表格，包含姓名、手机号、地址等信息。
5. 任务总结
HTML表格相对比较复杂，需要多加练习才能掌握。