以下是一个包含 <tfoot> 的表格示例:
<!DOCTYPE html>
<html>
<head>
<title>表格示例</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>上海</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总计:2 人</td>
</tr>
</tfoot>
</table>
</body>
</html>
在这个例子中,<tfoot> 包含了一个包含总计信息的行,使用 <td> 元素包含了跨足整个表格列的内容,colspan="3" 属性表示横跨3列。
使用 <tfoot> 有助于提供表格数据的完整性和可读性,特别是当表格包含大量数据时。
转载请注明出处:http://www.zyzy.cn/article/detail/3780/HTML5