<th>标签用法

时间:2023-06-13 16:23:55

html表格标签th标签用法语法介绍。<th> 是 HTML 表格标签中的一个元素,用于定义表格中的表头单元格。它必须位于 `<tr>` 标签内部,表示该表头单元格所属的行。

1、表头内容:可以在 <th> 标签中插入文本、图像或其他 HTML 元素作为表头单元格的内容。

<table>
<tr>
<th>表头1</th>
<th><img src="icon.png" alt="图标"></th>
<th><a href="https://www.example.com">链接</a></th>
</tr>
</table>

2、跨列合并:使用 colspan 属性可以将一个表头单元格跨越多列合并。

<table>
<tr>
<th colspan="2">跨列合并</th>
<th>表头3</th>
</tr>
</table>

3、表头排序:通过在 <th> 标签中添加排序相关的属性,可以实现表格的排序功能。例如,使用 data-sort 属性指定排序值,然后通过 JavaScript 进行排序操作。

<table>
<tr>
<th data-sort="3">表头3</th>
<th data-sort="1">表头1</th>
<th data-sort="2">表头2</th>
</tr>
</table>

4、表头样式:可以通过 CSS 或内联样式为 <th> 标签添加样式,定义表头单元格的外观和布局。

<style>
th {
padding: 10px;
text-align: center;
background-color: #f2f2f2;
}
</style>

<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</table>

总结起来, <th> 标签用于定义表格中的表头单元格,必须位于 <tr> 标签内部。可以插入文本、图像或其他 HTML 元素作为表头单元格的内容,通过属性和样式定义表头单元格的跨列合并、排序、外观和布局。

 

相关词 表格 th