表格 HTML 标记 - HTML

HTML 表格是用来展示数据的一种结构化方式。在 HTML 中创建表格需要使用 <table> 标签，通过行和列来组织数据，表头、单元格等标记也需要使用。

<table> 标签

<table> 标签是 HTML 表格的起始标记，可以用于定义一个表格，包括表格的行和列的结构。

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

<tr> 和 <td> 标签

<tr> 标签定义表格中的一行，<td> 标签定义表格中的一个单元格。

<tr>
  <td>单元格 1</td>
  <td>单元格 2</td>
</tr>

表格表头

表格的表头可以使用 <thead> 和 <th> 标记来定义。<thead> 标记标识了表格的表头部分，<th> 标记定义了表格列的表头。

<table>
  <thead>
    <tr>
      <th>列 1</th>
      <th>列 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>单元格 1</td>
      <td>单元格 2</td>
    </tr>
    <tr>
      <td>单元格 3</td>
      <td>单元格 4</td>
    </tr>
  </tbody>
</table>

合并单元格

可以使用 <colspan> 和 <rowspan> 属性来合并单元格。

<table>
  <tr>
    <td rowspan="2">单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
  </tr>
</table>

以上是 HTML 表格标记的基础知识点，在实际开发中可以根据需要灵活运用HTML 标记，并结合 CSS 样式来美化表格的展示效果。