HTML col tag


Description:

The <col> tag specifies column properties for each column within a <colgroup> element.

The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

The HTML col tag allows authors to group together attribute specifications for table columns. The <col> does not group columns together structurally — that is the role of the <colgroup> element.

Tip:The <col> elements are empty and serve only as a support for attributes.

Differences Between HTML and XHTML:

In HTML the <col> tag has no end tag.

In XHTML, the <col> tag must be properly closed.

Differences Between HTML 4.01 and HTML5:

Most of the attributes in HTML 4.01 are not supported in HTML5.

Example 1:

Code View

<p>This example shows a colgroup that has three columns of different widths:</p>

<table border="1">
<colgroup span="3">
<col width="50"></col>
<col width="100"></col>
<col width="200"></col>
</colgroup>
<tr>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
</tr>
</table>

This example shows a colgroup that has three columns of different widths:

col 1 col 2 col 3

Example 2:

Code View
<table>
<col style="width: 180px;" span="2"></col>
<col style="width: 80px; background: #EEEEEE;"></col>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
</tr>
<tr>
<td>Richard</td>
<td>Male</td>
<td>32</td>
</tr>
<tr>
<td>Anna</td>
<td>Female</td>
<td>18</td>
</tr>
<tr>
<td>Dean</td>
<td>Male</td>
<td>23</td>
</tr>
<tr>
<td>Sean</td>
<td>Male</td>
<td>65</td>
</tr>
</table>
Name Gender Age
Richard Male 32
Anna Female 18
Dean Male 23
Sean Male 65

Attributes:

Attribute Value Description
align right
left
center
justify
char
Defines horizontal alignment
char character Defines a character to use to align text on (use with align="char").
charoff pixel Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute.
span number Defines the number of columns the <col> should span
valign bottom
middle
top
baseline
Defines vertical alignment
width pixels or % Specifies a default width for each column spanned by the current col element

Standard Attributes:

Attribute Description
class Document wide identifier
dir Specifies the direction of the text
id Document wide identifier
title Specifies a title to associate with the element.
style Helps to include inline casecadubf style sheet.
lang Sets the language code.

Event Attributes:

Attribute Description
onclick Script runs when a mouse click
ondblclick Script runs when a mouse double-click
onmousedown Script runs when mouse button is pressed
onmouseup Script runs when mouse button is released
onmouseover Script runs when mouse pointer moves over an element
onmousemove Script runs when mouse pointer moves
onmouseout Script runs when mouse pointer moves out of an element
onkeypress Script runs when key is pressed and released
onkeydown Script runs when key is pressed
onkeyup Script runs when key is released
Responses are currently closed, but you can trackback from your own site.

Comments are closed.

Designed for Mytoptutorials.com