HTML <colgroup> Tag

Introduction

The <colgroup> tag in HTML is used to group together a set of columns in a table. It allows you to apply properties to multiple columns at once, such as setting widths, alignments, and other styling attributes.

Usage

You can use the <colgroup> tag as a child of the <table> element to define a group of columns. Inside the <colgroup> tag, you can use the <col> tag to define individual columns within the group.

Attributes

Here are the main attributes of the <colgroup> tag and their usage:

Attribute	Description
span	Specifies the number of columns the <colgroup> element should span.

Examples

Here is an example of how to use the <colgroup> tag in a table:

<table>
  <colgroup>
    <col span="2" style="background-color: lightblue;">
    <col>
  </colgroup>
  <tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
    <th>Heading 3</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
</table>

In this example, the <colgroup> tag defines a group of 3 columns, with the first 2 columns having a light blue background.

And that's how you can use the <colgroup> tag in HTML to group and style columns in a table.