HTML colgroup Tag
The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.
The HTML colgroup tag is used for specifying properties for a group of columns within a table.
If you need to apply different properties to a column within a colgroup, you can use the HTML col tag within the colgroup tag.
| Example |
<table border="1">
<colgroup span="3">
</colgroup>
<tr>
<td>col 1</td>
<td>col 2</td>
<td>col 2</td>
</tr>
</table>
|
| Attributes: |
| Attributes specific to this tag: |
| Attribute | Description |
| span | Specifies how many columns to span. |
| width | Width of the column. |
| Other Attributes: |
| Attribute | Description |
| dir | Specifies the direction of the text |
| class | Document wide identifier. |
| id | Document wide identifier |
| lang | Language code |
| title | Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). |
| style | Inline style (CSS) |
| align | Horizontal alignment |
| valign | Vertical alignment |
| char | Specifies a character to use for aligning text to. |
| charoff | Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
|
| Try it yourself! |
|
Also see the HTML 5 version of HTML tags
Enjoy this page?
-
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!