English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: <col> тег

Элемент HTML <col> определяет столбец в таблице и используется для определения общей семантики всех общих ячеек. Он обычно находится внутри элемента <colgroup>.

Онлайн пример

Теги <colgroup> и <col> устанавливают цвет фона для трёх столбцов в таблице:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Сайт основного руководства (oldtoolbag.com)</title> 
</head>
<body>
<table>
  <colgroup>
    <col span="3" style="background-color:#FFF3E0;">
    <col style="background-color:orange;">
  </colgroup>
  <thead>
    <tr>
      <th>Item</th>
      <th>Quantity</th>
      <th>Price</th>
      <th>Total</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Апельсины</td>
      <td>45</td>
      <td>$2</td>
      <td>$90</td>
    </tr>
  </tbody>
</table>
</body>
</html>
Проверьте, посмотрите ‹/›


В этом примере документа HTML5 мы создали таблицу с частями <colgroup>, <thead> и <tbody>. В части <colgroup> мы использовали два тега <col>. Первый тег <col> группирует первые три столбца и устанавливает цвет фона для этих столбцов в светло-оранжевый, что corresponds to шестнадцатеричное значение #FFF3E0. Второй тег <col> группирует четвертый столбец и устанавливает цвет фона в оранжевый.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <col>.

Определение и инструкции по использованию тегов

Тег <col> используется для<colgroup>Часть, чтобы определить свойства столбца.

С помощью тега <col> можно применить стиль ко всему столбцу, не needing to repeat the style for each cell or each row.

Различия между HTML 4.01 и HTML5

HTML5 больше не поддерживает большинство свойств HTML 4.01.

Различия между HTML и XHTML

В HTML, тег <col> не имеет завершающего тега.

В XHTML тег <col> должен быть правильно закрыт.

Свойство

СвойствоЗначениеОписание
alignслева
 справа
 по центру
 justify
 char
HTML5 не поддерживает. Определяет горизонтальное выравнивание содержимого, связанного с элементом <col>.
charcharacterHTML5 не поддерживает. Определяет, по какому символу выравнивать содержимое, связанное с элементом <col>.
charoffчислоHTML5 не поддерживает. Определяет смещение первого выравнивающего символа.
spanчислоОпределяет количество столбцов, которые должен перекрывать элемент <col>.
valignвверху
 по центру
 ниже
 базовая линия
HTML5 не поддерживает. Определяет вертикальное выравнивание содержимого, связанного с элементом <col>.
ширина%
 пиксели
 relative_length
HTML5 не поддерживает. Определяет ширину элемента <col>

Глобальные свойства

Поддержка тега <col> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <col> Событийные свойства HTML.