📜  th colspan html (1)

📅  最后修改于: 2023-12-03 14:47:57.997000             🧑  作者: Mango

HTML中的<th colspan>标签

在HTML中,<th colspan>标签用于定义表格中的表头单元格(<th>元素)所占据的列数。colspan属性指定了表头单元格需要横跨的列数。

语法
<th colspan="number of columns">Table Header Cell</th>
属性
  • colspan:指定表头单元格横跨的列数。该属性的值必须为正整数。
示例

以下是一个简单的HTML表格,其中包含一个表头单元格横跨两列的示例:

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th colspan="2">Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
  </tbody>
</table>

上述示例中,第一个表头单元格只占据一列,而第二个表头单元格通过设置colspan="2"属性,横跨了两列。

效果

该示例将显示一个包含两个表头单元格的表格,其中第二个表头单元格跨越两列,如下所示:

| Header 1 | Header 2 | | -------- | :----------: | | Data 1 | Data 2 |