Тег col

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


6.0+	1.0+	6.0+	1.0+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

3.2

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

Этот тег отвечает за вспомогательные характеристики для колонки таблицы, к примеру, ширину, высоту и прочее. Главная особенность использования тега <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="550" border="0" cellpadding="5" cellspacing="0">
   <col width="250" valign="top">
   <col width="300" align="middle">
   <tr>
    <td style="background: #eee">Содержимое левой колонки,
которое выровнено по верхнему краю относительно вертикальной оси
    </td>
    <td style="background: #C3C3C3"Содержимое правой колонки,
которое центрировано по горизонтали
    </td>
   </tr>
  </table>
 
 </body>
</html>

По итогу получаем

Тип html тега:

Таблицы