HTML colgroup Tag

HTML colgroup Tag defines a group of one or more columns inside the table element.

Syntax of HTML colgroup Tag

The Syntax of HTML colgroup Tag is shown below. It has both starting and ending tags.

<!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 colgroup Tag

HTML colgroup Tag is used to define the group of columns inside the table element, with the help of colgroup tag you can apply same CSS styles on all columns of one colgroup element.

The colgroup element must be used inside the table tag just after the caption tag and before the table head, table body and table footer.

The span attribute defines the no of columns a colgroup should span.

Example of HTML colgroup Tag

Simple example of HTML colgroup Tag is shown below.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
  <colgroup span='2'  style="background-color:yellow;">
    <col span="1">
    <col span="1">
  </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 colgroup Tag

HTML colgroup Tag is supported by all major browsers.

Global Attributes Support in HTML colgroup Tag

The HTML colgroup Tag supports all Global Attributes.

Event Attributes Support in HTML colgroup Tag

The HTML colgroup Tag supports all Event Attributes.

HTML colgroup Tag Video

Watch our video on HTML colgroup 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