📅  最后修改于: 2023-12-03 15:08:38.082000             🧑  作者: Mango
在 HTML 中添加表格页脚是非常简单的。可以使用 HTML <tfoot>
元素将表格页脚添加到表格中。
<table>
<thead>
<!-- 表头行 -->
</thead>
<tbody>
<!-- 表格内容行 -->
</tbody>
<tfoot>
<!-- 表格页脚行 -->
</tfoot>
</table>
以下是一个简单的 HTML 表格,其中包含了表头、表格内容和表格页脚:
<table>
<thead>
<tr>
<th>标题 1</th>
<th>标题 2</th>
<th>标题 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容 1</td>
<td>内容 2</td>
<td>内容 3</td>
</tr>
<tr>
<td>内容 4</td>
<td>内容 5</td>
<td>内容 6</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>页脚 1</td>
<td>页脚 2</td>
<td>页脚 3</td>
</tr>
</tfoot>
</table>
输出结果为:
标题 1 | 标题 2 | 标题 3 |
---|---|---|
内容 1 | 内容 2 | 内容 3 |
内容 4 | 内容 5 | 内容 6 |
页脚 1 | 页脚 2 | 页脚 3 |
在 HTML 中添加表格页脚是很容易的,只需要将页脚行放在 <tfoot>
元素中即可。这样可以让表格更具可读性,并提供更好的用户体验。