HTML <col> Tag
The <col> tag in HTML is used to set the column properties for each column within a <colgroup> tag. This tag is used to set the style property to each column. This tag does not contain closing tags.
Syntax:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
<col attribute = "value">
Attributes: The various attributes that can be used with the col tag are listed below. Most of the attributes are not supported by HTML5.
- span: It is used to define the number of columns on which property will be applied.
- style: This attribute is used to define the CSS to change the properties of the column.
- align: This attribute is used to set the alignment of the content of <col> element.
- width: It is used to specify the width of a <col> element.
- charoff: It is used to specify the number of characters the content will be aligned from the character specified by the char attribute.
Example: The below example explains the HTML col Tag.
html
<!DOCTYPE html><html> <body> <h1>GeeksforGeeks</h1> <h2>HTML col Tag</h2> <table> <colgroup> <!-- col tag starts from here --> <col span="1" style="background-color: green" /> <col span="1" style="background-color: red" /> <col span="1" style="background-color: none" /> <!-- col tag ends here. col tag does not contains ending tag --> </colgroup> <tr> <th>NAME</th> <th>AGE</th> <th>BRANCH</th> </tr> <tr> <td>BITTU</td> <td>22</td> <td>CSE</td> </tr> <tr> <td>RAM</td> <td>21</td> <td>ECE</td> </tr> </table> </body></html> |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
