Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег col

Дата:7.09.15 в 17:11
Справочник: 

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

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

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>

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

col

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: