HTML | col Tag - GeeksforGeeks

The <col> tag in HTML is used to set the column properties for each column within a <colgroup> element. This tag is used to set the style property to each column. This tag does not contain closing tags.

Syntax:

<col attribute = "value">

Attributes

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 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.

Note: Most of the attributes are not supported by HTML5.

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>col</title> 
    </head> 
    <body> 
        <table border="1"> 
            <caption>Author Details</caption> 
              
            <colgroup> 
                  
                <!-- col tag starts from here --> 
                <col span="1" style="background-color:green"> 
                <col span="2" 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:
GeeksForGeeks

Supported Browsers: The browser supported by <col> tag are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

My Personal Notes

Recommended Posts: