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

Вот пример использования тега <colgroup>:

<table>
  <colgroup>
   <col style="background-color: yellow;">
    <col style="background-color: cyan;">
  </colgroup>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
</table>

В данном примере тег <colgroup> определяет группу из двух столбцов. Первый столбец будет иметь желтый фон, а второй столбец - голубой фон. Эти стили будут применены ко всем ячейкам в соответствующих столбцах таблицы.

Тег <colgroup> может содержать один или несколько тегов <col>, которые используются для определения отдельных столбцов в группе. Они могут принимать атрибуты, такие как span (для указания количества соседних столбцов, которые должны быть объединены в один) и width (для задания ширины столбца).

Важно отметить, что тег <colgroup> не является обязательным и может быть опущен. Если он опущен, то стили и свойства столбцов применяются напрямую через теги <col> внутри <table>.

Синтаксис

HTML
<table> <colgroup атрибуты> <tr> <td>...</td> </tr> </table>


XHTML
<table> <colgroup атрибуты /> <tr> <td>...</td> </tr> </table></td>

Атрибуты

Атрибуты
Описание


align
	
Устанавливает выравнивание содержимого колонки по краю.


char
	
Выравнивает содержимое колонки по заданному символу.


charoff
Сдвигает содержимое ячейки относительно заданного символа.


span
Количество колонок, к которым следует применять параметры.


valign
	
Задает вертикальное выравнивание содержимого колонки.


widht
Ширина колонок.

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

Не обязателен.