HTML colgroup tag

HTML <colgroup> tag groups all the columns. It contains one or more columns. colgroup is the child of table element.

<table class="demoBox">
 <colgroup>
  <col style="background-color:lightgreen;">
  <col style="background-color:lightblue;">
  <col style="background-color:lightyellow;">
 </colgroup>
 <tr>
  <th>Countries</th>
  <th>Population</th>
  <th>Area</th>
 </tr>
 
 <tr>
  <td>China</td>
  <td>7,432,663,275</td>
  <td>9,572,900</td>
 </tr>
 
 <tr>
  <td>India</td>
  <td>1,382,323,332</td>
  <td>3,287,263</td>
 </tr>
 
 <tr>
  <td>Unitd States</td>
  <td>324,118,787</td>
  <td>9,525,067</td>
 </tr>

</table>

</>

Countries	Population	Area
China	7,432,663,275	9,572,900
India	1,382,323,332	3,287,263
Unitd States	324,118,787	9,525,067

Tag Uses

Specific uses of <colgroup> tag

HTML colgroup element contains one or more columns. It can style more than one columns rather than individually.

Tag omission

The closing tag (</colgroup>) of colgroup may be omitted.

Global Attributes

All global attributes are applicable on colgroup element.

Tag Attributes

Attributes that are applicable to <colgroup> tag

span: If colgroup does't contain any column then this attribute should be use.; <colgroup span="2"> <col></col> </colgroup>

Next Previous