HTML <col> tag
Definition and Usage
Defines the attribute values for one or more columns in a table. You can only
use this element inside a table or a colgroup.
Differences Between HTML and XHTML
In HTML the <col> tag has no end tag.
In XHTML the <col> tag must be properly closed.
Tips and Notes
Note: The col element is an empty element that contains attributes
only. To create columns, you must specify td elements within a tr element.
Tip: Use this element when you want to specify
different attribute values to a column inside a colgroup. Without a col element
a column will inherit all its attribute values from the colgroup.
Example
| Source |
Output |
This example shows a colgroup that has three columns of different
widths:
<table border="1">
<colgroup span="3">
<col width="20"></col>
<col width="50"></col>
<col width="80"></col>
</colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table> |
This example shows a colgroup that has three columns of different widths:
|
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 content in the table cell, in the column |
STF |
| char |
character |
Defines a character to use to align text on (use with align="char") |
STF |
| charoff |
pixels
% |
Defines an alignment offset to the first character to align
on, as set with char |
STF |
| span |
number |
Defines the number of columns the <col> should span |
STF |
| valign |
top
middle
bottom
baseline |
Defines the vertical alignment of the content in the table cell, in the column |
STF |
| width |
%
pixels
relative_length |
Defines the width of the column.
Note: Overrides the width set in <colgroup> |
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.
 |
|
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 ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|