如何使用 HTML 定义表格标题？

在 HTML 中，我们可以使用特定的标记来定义表格标题。标题通常被放置在表格的顶部，用于描述表格的内容或提供对表格内容的说明。

使用 <caption> 标签定义表格标题

<table>
  <caption>这是一个表格标题</caption>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
  </tr>
</table>

在上面的示例中，我们使用了 <caption> 标签来定义表格标题。该标签应该在 <table> 标签的直接子元素位置，位于所有表格行 <tr> 之前。

标题的样式和属性

HTML 表格标题的样式可以通过 CSS 进行自定义，可以为标题应用各种样式，比如更改字体、颜色、背景等。

此外，表格标题也可以使用一些属性来进一步指定其行为和外观。其中一些常用的属性包括 align（水平对齐方式）、valign（垂直对齐方式）和 colspan（跨列）等。

以下是一个示例，展示如何在 HTML 表格标题中使用属性：

<table>
  <caption align="center">这是一个居中对齐的表格标题</caption>
  <tr>
    <th colspan="2">表头1和表头2合并为一个单元格</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
  </tr>
</table>

请注意，在这个示例中，我们使用了 align 属性来将标题居中对齐，并且通过 colspan 属性将两个表头单元格合并为一个。

总结

使用 HTML 的 <caption> 标签可以轻松地定义表格标题，并可以通过 CSS 样式和属性来自定义标题的外观和行为。标题可以帮助用户更好地理解表格的内容或提供其他辅助信息。