HTML colgroup tag

Example Two colgroup elements that specify different alignment and style for the three columns in the table (notice that the first colgroup...

Example

Two colgroup elements that specify different alignment and style for the three columns in the table (notice that the first colgroup element spans two columns):
<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>


Definition and Usage

The <colgroup> tag is used to group columns in a table for formatting.
The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
The <colgroup> tag can only be used inside a table element.

Browser Support

The <colgroup> tag is only supported by Internet Explorer and Opera.

Differences Between HTML and XHTML

NONE

Tips and Notes

Tips: Add the class attribute to the <colgroup> tag, and let CSS take care of alignment, widths, colors, etc.!
Also have a look at the <col> tag.


Optional Attributes

DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
align right
left
center
justify
char
Defines the horizontal alignment of the contents in the column group STF
char character Defines a character to use to align text on (use with align="char") STF
charoff character-offset Defines an alignment offset to the first character to align on, as set with char STF
span number Defines the number of columns the <colgroup> should span STF
valign top
middle
bottom
baseline
Defines the vertical alignment of the contents in the column group STF
width %
pixels
relative_length
Defines the width of the column group.Note: The width attribute can be overridden by settings in <col>! STF

Standard Attributes

id, class, title, style, dir, lang, xml:lang

Event Attributes

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Name

ADO,131,ASP,3,C++,61,CORE JAVA,1,CSS,115,HTML,297,index,5,JAVASCRIPT,210,OS,47,PHP,65,SAD,53,SERVLETS,23,SOFTWARE ENGINEERING,245,SQL,71,TCP/IP,1,XHTML,9,XML,18,
ltr
item
Best Online Tutorials | Source codes | Programming Languages: HTML colgroup tag
HTML colgroup tag
Best Online Tutorials | Source codes | Programming Languages
https://www.1000sourcecodes.com/2012/05/html-colgroup-tag.html
https://www.1000sourcecodes.com/
https://www.1000sourcecodes.com/
https://www.1000sourcecodes.com/2012/05/html-colgroup-tag.html
true
357226456970214079
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content