Веб Навсегда.инфоHTML-теги → COL

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

COL

Описание элемента

Устанавливает выравнивание, ширину и количество колонок, к которым применять данные таблицы.

Этот тег устанавливает параметры для одной или нескольких колонок, но его можно использовать и совместно с тегом COLGROUP, задающим группу колонок с одинаковыми параметрами (т.е. COL будет внутри контейнера COLGROUP)

Синтаксис

<table>
<col {align valign span width}={"выравнивание" | "выравнивание" | "количество" | "ширина"}>
...

</table>

Возможные параметры

align - выравнивание по горизонтали.

valign - место отображения заголовка: до или после таблицы.

span - количество колонок, к которым применяются параметры.

width - ширина колонок.

ВНИМАНИЕ:
При использовании параметров выравнивания align и valign, выравнивание не происходит в Mozilla Firefox 3 по непонятным причинам.

Параметр ALIGN

Задает выравнивание содержимого ячейки по горизонтали. См пример №1.

Возможные аргументы:
left
 - выравнивание по левому краю
right - выравнивание по правому краю
center - выравнивание по центру, но может не пониматься некоторыми браузерами.

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

Параметр VALIGN

Задает выравнивание содержимого ячейки по вертикали. См пример №1.

Возможные аргументы:
top - заголовок будет располагаться перед таблицей.
bottom - заголовок будет располагаться после таблицы.
middle - выравнивание по центру
baseline - выравнивание по базовой линии и при этом содержимое ячейки привязывается к одной линии.

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

Параметр SPAN

Задает количество колонок, к которым будут применятся данные параметры. См пример №2.

Возможные аргументы:
Целое положительное число.

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

Параметр WIDTH

Задает ширину колонки. Но в случае, когда содержимое не вмещается по ширине (например широкое изображение), то этот параметр игнорируется и ширина колонки расширяется под содержимое. См примеры ниже.

Возможные аргументы:
Как правило указывают значение в пикселях или процентах. Но можно указать и при помощи символа *, используя при этом кратные значения. Ну к примеру у таблицы ширина 600 пикселей, а для колонок задана ширина 1* и 2*, то в данном случае ширина колонок будет 200 и 400 пикселей соответственно.

Значение по умолчанию:
Ширина вычисляется по содержимому.

Примеры использования

Пример № 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования тега COL</title>
</head>
<body>

<table border="1" height="80">
<col align="left" width="100">
<col span="2" width="80" align="center">
<col  width="120" align="right" valign="bottom">
<tr>
<td>ячейка</td>
<td>ячейка</td>
<td>ячейка</td>
<td>ячейка</td>
</tr>
</table>

</body>
</html>


 

Пример № 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования тега COL</title>
</head>
<body>

<table border="1">
<col span="2" width="100" align="left">
<col span="3" width="200" align="center">
<col span="2" width="300" align="right">
<tr>
<td>группа 1</td>
<td>группа 1</td>
<td>группа 2</td>
<td>группа 2</td>
<td>группа 2</td>
<td>группа 3</td>
<td>группа 3</td>
</tr>
</table>

</body>
</html>