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 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> |
Try it yourself!
|
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 |
For a full description, go to Standard
Attributes.
Event Attributes
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event
Attributes.
The Altova MissionKit is a suite of intelligent XML tools, including:
XMLSpy® – industry-leading XML editor
- Support for all XML-based technologies
- Graphical editing views, powerful debuggers, code generation, & more
MapForce® – graphical data mapping tool
- Drag-and-drop data conversion with code generation
- Support for XML, DBs, EDI, Excel® 2007, text, Web services
StyleVision® – visual stylesheet designer
- Drag-and-drop stylesheet design for XML & databases
- Output to HTML, PDF, RTF, Word 2007, & more
And more…
Try before you buy with a free fully functional 30-day trial
Download today
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).
|
|
