表格

HTML 中的表格是一种用于展示数据的结构化元素，它允许开发者将数据以行和列的形式进行组织和呈现。表格由多个单元格组成，每个单元格可以包含文本、图像或其他 HTML 元素。

以下是 HTML 表格的基本结构和一些常用的标签：

<table>：定义表格
- <table> 标签用于定义整个表格。
- 表格中的每一行都被包含在 <tr>（table row）标签中。
- 表格中的每个单元格都被包含在 <td>（table data）标签中。
<tr>：定义表格行
- <tr> 标签用于定义表格中的行。
<td>：定义表格数据单元格
- <td> 标签用于定义表格中的数据单元格。
- 每个 <td> 标签代表表格中的一个单元格，包含了表格中的数据。
<th>：定义表头单元格
- <th> 标签用于定义表格中的表头单元格。
- 表头单元格会被加粗且默认居中显示。
<thead>、<tbody>、<tfoot>：定义表格的不同部分
- <thead> 标签用于定义表格的表头部分。
- <tbody> 标签用于定义表格的主体部分，包含了表格中的主要数据。
- <tfoot> 标签用于定义表格的页脚部分，通常包含了表格中的汇总信息。
合并单元格
- 使用 rowspan 和 colspan 属性可以合并单元格，使得某个单元格可以跨越多行或多列。

HTML 表格的灵活性使得它成为一种常见的数据展示方式，适用于各种场景，如数据报表、排名列表、日程安排等。然而，应该注意，过度使用表格布局来排版网页可能会导致结构混乱、语义不清晰以及对移动设备的不友好。因此，在使用表格时，应该确保它们真正用于展示数据，并且正确地使用 CSS 和其他布局技术来实现页面的整体布局。

html

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Revenue</th>
      <th>Expenses</th>
      <th>Profit</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$10,000</td>
      <td>$6,000</td>
      <td>$4,000</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$12,000</td>
      <td>$7,000</td>
      <td>$5,000</td>
    </tr>
    <tr>
      <td>March</td>
      <td>$14,000</td>
      <td>$8,000</td>
      <td>$6,000</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">Total</td>
      <td>$15,000</td>
    </tr>
  </tfoot>
</table>

表格 ​

表格