HTML <table> 标签

HTML <table> 标签用于创建和格式化表格。表格由行（<tr>）和列（<td> 或 <th>）组成，其中每个单元格可以包含文本、图像、链接等内容。

基本用法

下面是一个简单的 HTML 表格示例：

<table>
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr>
    <td>数据1-1</td>
    <td>数据1-2</td>
  </tr>
  <tr>
    <td>数据2-1</td>
    <td>数据2-2</td>
  </tr>
</table>

在上面的示例中，<th> 标签用于定义表头单元格，而 <td> 标签用于定义普通的数据单元格。

添加边框和间距

您可以使用 CSS 为表格添加边框和单元格之间的空白：

<style>
table, th, td {
  border: 1px solid black;
}
th, td {
  padding: 10px;
}
</style>

合并单元格

要合并表格中的多个单元格，可以使用 rowspan 和 colspan 属性。

例如，下面的示例将第一行的两个单元格合并为一个：

<table>
  <tr>
    <th colspan="2">标题</th>
  </tr>
  ...
</table>

表格结构化

为了更好地表示数据，您可以使用 <thead>、<tbody> 和 <tfoot> 标签来组织表格的结构：

<table>
  <thead>
    <tr>
      <th>标题1</th>
      <th>标题2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1-1</td>
      <td>数据1-2</td>
    </tr>
    ...
  </tbody>
  <tfoot>
    <tr>
      <th>总计</th>
      <td>100</td>
    </tr>
  </tfoot>
</table>

在上面的示例中，<thead> 包含表格标题行，<tbody> 包含主体数据行，<tfoot> 包含总计等汇总信息。

结论

HTML <table> 标签是创建和格式化表格的有用工具。通过学习如何使用该标签，您可以更好地展示数据并增强网页内容的呈现效果。