Тег <colgroup>
Описание
Определяет группу столбцов в таблице.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<table>
<colgroup>
<tr>
<td>...</td>
</tr>
</table>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
5 | 12 | 1 | 4 | 1 | 1 | 1 | 1 | 6 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Устаревшие атрибуты
align - Выравнивает содержимого колонки по краю.
char - Выравнивает содержимое колонки по заданному символу.
charoff - Сдвигает содержимое ячейки относительно заданного символа.
valign - Выравнивает содержимого колонки по вертикали.
width - Ширина колонок.
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<table width='100%' cellpadding='2' cellspacing='0' border='1' rules='groups'>
<colgroup width='150'>
<colgroup span='9' align='center' width='50'>
<col span='5'>
<col span='4'>
</colgroup>
<tr>
<td></td>
<td>Кирилл</td>
<td>Александр</td>
<td>Анастасия</td>
<td>Матвей</td>
</tr>
<tr>
<td>Оценка за 1 четверть</td>
<td>5</td>
<td>5</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>Оценка за 2 четверть</td>
<td>3</td>
<td>2</td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>Оценка за 3 четверть</td>
<td>5</td>
<td>4</td>
<td>5</td>
<td>4</td>
</tr>
</table>
</body>
</html>
Кирилл | Александр | Анастасия | Матвей | |
Оценка за 1 четверть | 5 | 5 | 4 | 5 |
Оценка за 2 четверть | 3 | 2 | 5 | 5 |
Оценка за 3 четверть | 5 | 4 | 5 | 4 |
Читайте также
Тег <kbd>
Используется для текста, в котором находятся названия клавиш клавиатуры или текста, который набир...
Тег <s>
Визуально перечеркивает текст. К примеру может использоваться в интернет магазинах, при обозначен...
Тег <dl>
Используется для создания списка с подробным объяснением его элементов. Вмещает внутрь себя элеме...
Тег <data>
Предназначено для внешних автоматизированных систем или скриптов на страничке, представляющее соб...
Тег <summary>
Создает заголовок для элемента <span class='samp'>details</span>.