HTML <col> tag
HTML <col> tag : Definition
• The HTML <col> tag is used to set the column properties for each column.
• It is generally found within a <colgroup> element.
• The <col> tag is generally used for applying styles to entire columns, instead of repeating the styles for each cell and each row.
<col> tag example :
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1>The col element example</h1> <table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ZIP Code</th> <th>Name</th> <th>Address</th> </tr> <tr> <td>815603</td> <td>Rahul</td> <td>Ranchi</td> </tr> <tr> <td>560029</td> <td>Prayag</td> <td>Bangalore</td> </tr> </table> </body> </html>
OUTPUT :
The col element example
ZIP Code | Name | Address |
---|---|---|
815603 | Rahul | Ranchi |
560029 | Prayag | Bangalore |