表格实例
<table>
<caption>五险一金缴纳</caption> <!-- table 标题,table里面第一个元素 -->
<thead> <!-- 使用 thead 包裹表头行 -->
<tr>
<th>缴纳项目</th>
<th>个人缴纳</th>
<th>单位缴纳</th>
</tr>
</thead>
<tbody> <!-- 使用 tbody 包裹内容 -->
<tr>
<td>养老</td>
<td>8%</td>
<td>14%</td>
</tr>
<tr>
<td>医疗</td>
<td>2%</td>
<td>6.2%</td>
</tr>
<tr>
<td>失业</td>
<td>1%</td>
<td>2%</td>
</tr>
<tr>
<td>工伤</td>
<td>0%</td>
<td>0.4%</td>
</tr>
<tr>
<td>生育</td>
<td>0%</td>
<td>0.5%</td>
</tr>
<tr>
<td>公积金</td>
<td>14%</td>
<td>14%</td>
</tr>
</tbody>
</table>
- 每个表格由行与列组成,
<table>
表示表格,<tr>
表示行,<td>
为单元格,<th>
表示表头的单元格,每行可以由多个单元格组成,每一个单元格就是一列. - 为了更清楚的区别表头和内容部分,还可以使用
<thead>
包裹表头的<tr>
,<tbody>
包裹所有内容的<tr>
,除此之外还可以为表格添加一个标题<caption>
参考资料
关于<table>
更多可参看: <table>