«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


Тег <col> предназначен для задания ширины и ряда других атрибутов для одной или нескольких колонок таблицы.

Располагается внутри тега <table> - сразу после открывающего тега.

Тег <col> можно использовать несколько раз. При первом его использовании задаются атрибуты для первой колонки (если атрибутом span не указано иное количество колонок). При втором использовании – для следующей/их колонки и т.д.

Закрывающий тег

Не требуется


Атрибут Align

Атрибут align тега col - выравнивание содержимого колонки по горизонтали.

Значение/я атрибута:

- left - выравнивание содержимого колонки по левому краю
- center – выравнивание содержимого колонки по центру
- right - выравнивание содержимого колонки по правому краю

Значение по умолчанию:
left

Атрибут Valign

Атрибут valign тега col - выравнивание содержимого колонки по вертикали.

Значение/я атрибута:

- top - выравнивание содержимого колонки по верхнему краю
- middle – выравнивание содержимого колонки по середине
- bottom - выравнивание содержимого колонки по нижнему краю

Значение по умолчанию:
middle

Атрибут Span

Атрибут span тега col - задает количество колонок, к которым будут применены атрибуты.

Если этот атрибут отсутствует, то тег <col> влияет только на одну колонку.

Значение/я атрибута:
Целое положительное число
Значение по умолчанию:
1

Атрибут Width

Атрибут width тега col - задает ширину таблицы в пикселях, либо в процентах.

Значение/я атрибута:

- целое положительное число. В этом случае ширина будет задана в пикселях.

- целое положительное число с символом %.

Значение по умолчанию:
Ширина меняется в зависимости от содержимого ячеек
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег col </title>
</head>
<body>

<table width="500" border="1"> <caption>
<p> В этой таблице мы дважды воспользовались тегом col. <br>
В первом случае тег col применен к первым двум колонкам: ширина колонок по 100 пикселей, содержимое выравнено по правому краю . <br>
Во втором случае - к третьей: ширина колонки 200 пикселей.</p> </caption>
<col span="2" width="100">
<col width="200">
<tr>
<td>
1 </td>
<td>
2 </td>
<td>
3 </td>
<td>
4 </td>
<td>
5 </td>
</tr>
</table>


</body>
</html>
Результат



Все теги HTML

HTML по шагам