HTML <col> Element
The <col> tag in HTML is used to define a column within a <table> element. It allows you to set specific attributes for individual columns in a table, such as width, alignment, and background color. This can be useful for formatting tables and making them more visually appealing.
How to Use the <col> Tag
To use the <col> tag, you need to include it within a <colgroup> element inside the <table> element. Each <col> tag specifies the attributes for a single column in the table. Here is an example:
<table>
<colgroup>
<col span="1" style="background-color: lightblue;">
<col span="1" style="background-color: lightgreen;">
</colgroup>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
In this example, we have defined two columns with different background colors using the style attribute inside the <col> tags.
Main Attributes of the <col> Tag
| Attribute | Description |
span |
Specifies the number of columns the <col> tag should apply to. Default is 1. |
style |
Specifies the CSS styles for the column, such as background color, width, and text alignment. |
By using the <col> tag effectively, you can customize the appearance of your tables and improve the readability of your data.