HTML 标签

HTML 的 标签用于规定表格中一列或多列的属性。

可以将一组单元格的公共属性合并为一个 标签，从而实现让多列单元格共享相同的样式。

语法格式

以下是 标签的基本语法格式：

<colgroup>
  <col 属性="值" />
  <col 属性="值" />
  ...
</colgroup>

实例解析

例如下面这个表格：

| | Name | Age | Country | |:-:|------|-----|---------| | 1 | Tom | 28 | USA | | 2 | Lily | 22 | Canada | | 3 | Jack | 31 | UK |

我们可以使用 标签来将 Name 和 Age 两列合并为一个表头单元格，同时给表格添加斑马线样式，代码如下：

<table>
  <colgroup>
    <col style="background-color:#f0f8ff;" />
    <col style="background-color:#f0f8ff;" />
    <col />
  </colgroup>
  <thead>
    <tr>
      <th colspan="2">Personal Info</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Tom</td>
      <td>USA</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Lily</td>
      <td>Canada</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Jack</td>
      <td>UK</td>
    </tr>
  </tbody>
</table>

效果如下图所示：

属性列表

| 属性 | 值 | 描述 | |-------|--------|--------------------| | span | number | 规定属性值的列数 | | width | pixels | 规定属性值的宽度 | | align | left/right/center/justify/char | 规定属性值的对齐方式 | | valign| top/middle/bottom/baseline | 规定属性值的垂直对齐方式 | | bgcolor| rgb(x,x,x) | 规定属性值的背景颜色 |

注意事项

• 标签必须嵌套在 标签中。
• 在 内使用多个 标签可以规定多列的属性。
• 当 标签定义了多个属性时，后面的属性会覆盖前面的属性。
• 和 标签不支持所有事件属性，例如 onclick 和 onfocus。