介绍
在HTML中，<col>标签用于定义表格内的列属性。这个标签通常与<table>、<tr>和<td>一起使用，但它是独立于数据单元格（即<td>或<th>）的。
语法
<col span="number" width="pixels|percentage">
-
span：此属性定义了列应跨越多少列。默认值是1。 -
width：此属性定义了列的宽度。它可以用像素或百分比来指定。
使用方法
基本示例
下面是一个基本的例子，展示如何使用<col>标签定义表格中的列宽度：
<table border="1">
<colgroup>
<col style="background-color:red" span="2">
<col style="background-color:yellow" width="50">
<col style="background-color:green">
</colgroup>
<tr>
<td>COL1 ROW1</td>
<td>COL2 ROW1</td>
<td>COL3 ROW1</td>
<td>COL4 ROW1</td>
</tr>
<!-- More rows... -->
</table>
在上面的例子中，第一和第二列将有红色背景并且跨越两列。第三列的宽度是50个像素，第四列将具有默认宽度。
高级示例
下面是一个更复杂的例子，展示如何使用<col>标签定义表格中多行的列属性：
<table border="1">
<colgroup>
<!-- Columns for the first header row -->
<col span="2" style="background-color:red;">
<col style="background-color:green;">
<!-- Columns for the second header row -->
<col span="2" style="background-color:blue;">
<col style="background-color:orange;">
</colgroup>
<tr>
<th>COL1 HEADER1</th>
<th>COL2 HEADER1</th>
<th>COL3 HEADER1</th>
</tr>
<tr>
<td>COL1 ROW2</td>
<td>COL2 ROW2</td>
<td>COL3 ROW2</td>
</tr>
<!-- More rows... -->
</table>
在这个例子中，前两列有红色背景并跨越两列。第三列具有绿色背景。在第二行标题之后，前两列将具有蓝色背景，而第三列将具有橙色背景。
注意事项
-
<col>标签必须直接放置在<table>标签的下方和任何<caption>、<tr>或<th>标签之前。 - 如果你使用了
<colgroup>，那么<col>必须被包裹在其中。 -
<col>不是自闭合标签，所以它需要一个结束标签（</col>），尽管大多数浏览器都支持省略结束标签。