HTML Col Tag

HTML col Tag defines the specific properties of a particular column of a table element.

Syntax of HTML col Tag

The Syntax of HTML col Tag is shown below. It is self closing tag.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<colgroup>
<col span="2" style="background-color:red">
<col span="2" style="background-color:blue">
</colgroup>
</body>
</html>

Usage of HTML col Tag

HTML col Tag is used inside the colgroup tag to define the properties of a specific column. Col tag is useful to apply same style to whole column instead of applying css to every cell, individually within the column.

The span attribute defines the span of a column inside the colgroup element.

Example of HTML col Tag

Simple example of HTML col Tag is shown below.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
  <colgroup>
    <col span="1" style="background-color:red">
    <col span="1" style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Name</th>
    <th>Marks</th>
  </tr>
  <tr>
    <td>Jade</td>
    <td>93</td>
  </tr>
</table>
</body>
</html>

Output

The output of code above is shown below.

Name Marks
Jade 93

Browser Support for HTML col Tag

HTML col Tag is supported by all major browsers.

Global Attributes Support in HTML col Tag

The HTML col Tag supports all Global Attributes.

Event Attributes Support in HTML col Tag

The HTML col Tag supports all Event Attributes.

HTML col Tag Video

Watch our video on HTML col Tag and subscribe our Youtube Channel.

HTML Comment Tag HTML Doctype Tag HTML anchor Tag HTML abbr Tag HTML acronym Tag HTML address Tag HTML applet Tag HTML area Tag HTML article Tag HTML aside Tag HTML audio Tag HTML b Tag HTML base Tag HTML basefont Tag HTML bdi Tag HTML bdo Tag HTML big Tag HTML blockquote Tag HTML body Tag HTML br Tag HTML Button Tag HTML Canvas Tag HTML Caption Tag HTML Center Tag HTML Cite Tag HTML Code Tag HTML Col Tag HTML colgroup Tag HTML data Tag HTML datalist Tag HTML dd Tag HTML del Tag HTML details Tag HTML dfn Tag HTML dialog Tag HTML dir Tag HTML div Tag HTML dl Tag HTML dt Tag HTML em Tag HTML embed Tag HTML fieldset Tag HTML figcaption Tag HTML figure Tag HTML font Tag HTML footer Tag HTML form Tag HTML frame Tag HTML frameset Tag HTML Heading Tags HTML head Tag HTML header Tag HTML hr Tag HTML html Tag