HTML <th> 标签

HTML <th> 标签用于定义HTML表格中的表头单元格，通常位于表格的第一行或第一列。<th> 标签只能用作 <thead>、<tbody> 或 <tfoot> 元素的子元素，或者直接包围在表格元素 <table> 内。

语法

以下是使用 <th> 标签的基本语法：

<table>
  <thead>
    <tr>
      <th>表头单元格1</th>
      <th>表头单元格2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据单元格1</td>
      <td>数据单元格2</td>
    </tr>
  </tbody>
</table>

特点

• <th> 标签用于定义表格的表头单元格，表头单元格通常显示为粗体且居中对齐。
• 当使用 <th> 标签时，浏览器会自动应用默认的样式来区分表头和数据单元格。
• <th> 标签可以包含文本、图像、链接和其他HTML元素。
• <th> 标签的属性可用于设置单元格的样式、跨列合并或跨行合并等。常见的属性包括 colspan、rowspan、align、valign 等。

示例

以下是一个使用 <th> 标签的示例：

<table>
  <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>
</table>

在上面的示例中，<th> 标签用于定义表格的表头单元格，<td> 标签用于定义表格的数据单元格。使用表头单元格可以使表格结构更清晰，并提供更好的可读性。

结论

通过使用HTML <th> 标签，您可以创建具有清晰的表格结构和可读性的网页。请确保正确使用 <th> 标签，将其放置在合适的位置，并根据需要应用适当的属性以及自定义样式，以满足您的特定需求。