{site_name}

{site_name}

🌜 搜索

HTML5 表格是用于在网页上显示数据的一种结构化方式

前端 𝄐 0
html5表单,html5table,html表格教程,html表格table,html5制表符,html5做表格
HTML5 表格是用于在网页上显示数据的一种结构化方式。它通常由表头(thead)、表体(tbody)和表尾(tfoot)三个部分组成,其中表头和表尾可以包含表格的标题和注释信息,而表体则用于展示实际的数据内容。

HTML5 表格中的每一行通常由多列构成。每一列可以包含文本、图片、链接等元素,也可以包含其他嵌套的 HTML 元素或 JavaScript 代码。表格中还可以使用一些属性来设置样式、格式、以及与其他 HTML 元素的交互行为等。

下面是一个简单的 HTML5 表格的例子:

html
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>所在城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>27</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>32</td>
<td>上海</td>
</tr>
<tr>
<td>王五</td>
<td>24</td>
<td>广州</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">共有 3 位学生</td>
</tr>
</tfoot>
</table>


在这个例子中,我们定义了一个包含三列的表格,并分别用 th 和 td 元素表示了表头和数据,同时还使用了 thead、tbody、tfoot 等标签来区分不同部分,以及 colspan 属性来合并单元格。最终的表格将会显示出三位学生的姓名、年龄和所在城市,并在表尾统计总人数。