Описание
Тег <col> задает ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <col> можно использовать совместно с тегом <colgroup>, который задает группу колонок, обладающих общими характеристиками.
Синтаксис
HTML |
<table>
<col атрибуты>
<tr>
<td>...</td>
</tr>
</table>
|
XHTML |
<table>
<col атрибуты />
<tr>
<td>...</td>
</tr>
</table>
|
Атрибуты
- align — Устанавливает выравнивание содержимого колонки по краю.
- char — Выравнивает содержимое колонки по заданному символу.
- charoff — Сдвигает содержимое ячейки относительно заданного символа.
- span — Количество колонок, к которым следует применять параметры.
- valign — Задает вертикальное выравнивание содержимого колонки.
- width — Ширина колонок.
Закрывающий тег
Не требуется.
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег COL</title>
</head>
<body>
<table width="400" border="0" cellpadding="5" cellspacing="0">
<col width="150" valign="top">
<col width="250" valign="top">
<tr>
<td style="background: #B0B28E">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat.
</td>
<td style="background: #CCCCCC">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat.
</td>
</tr>
</table>
</body>
</html>
Результат данного примера показан на рис.
Рис. 1. Вид колонок в браузере Opera