Теги HTML - Тег COLGROUP

Тег призначений для групування стовпців (колонок) таблиці з метою завдання їм певних властивостей. Він зручний у використанні та скорочує HTML-код, якщо групи стовпців мають різні характеристики, але при цьому стовпці всередині груп однакові.

Теги можна зазначати неодноразово. При цьому кожен з них діятиме на групу стовпців відповідно до своєї появи в коді сторінки (згори донизу, ліворуч, праворуч), а також залежно від значення атрибута span . Наприклад, у таблиці є 7 стовпців. Ми вказали двічі, при цьому у першого значення span дорівнює 2, а у другого — 5. Значить, перший діятиме на першу групу з 2-х стовпців, а другий на 5-ть, що залишилися.

Крім цього, його допускається застосовувати спільно з тегом для перевизначення властивостей деяких стовпців у групі. У цьому випадку тег, що закриває, — обов'язковий. Припустимо, є група з 15 стовпців з шириною по 40 пікселів. А нам треба виділити 7 стовпець і задати йому ширину 20 пікселів. Тоді ми маємо написати наступне:

У цьому прикладі перший елемент служить тільки для того, щоб «відсікти» перші 6 стовпців, а другий елемент якраз і перевизначає ширину для 7-го. Таким чином можна не тільки змінювати ширину, а, наприклад, присвоїти стовпцю id для застосування до нього стилів (CSS).

При включенні хоча б одного тега елемент , значення span , тега , браузери, при підрахунку колонок, будуть ігнорувати. Тому в таких випадках значення span необхідно вказувати в тегах .

Теги і відрізняються тим, що «фізично» групує стовпці, а порожній елемент, який поєднує тільки властивості стовпців.

Якщо ви хочете перевизначити властивості для окремого осередку стовпця, використовуйте атрибути тегів , .

Якщо для всіх стовпців застосувати цейТег із зазначенням ширини, а також вказати ширину таблиці, то браузер почне відображати таблицю відразу, частинами, а не після того, як вона повністю завантажиться.

align - Горизонтальне вирівнювання вмісту осередків.
span — Вказує кількість стовпців, на які поширюється дія елемента.
valign - Вертикальне вирівнювання вмісту осередків.
width - Вказує ширину стовпців.

accesskey — Встановлює клавішу швидкого доступу для фокусування на HTML-елементі.
class — Вказує ім'я класу або класів тега, які використовуються в CSS (Каскадні таблиці стилів).
dir - Вказує напрямок тексту всередині елемента.
id — задає ім'я ідентифікатора HTML-тегу, який може використовуватися як «якор» або таблиці стилів.
lang — вказує мову, якою написаний текст усередині HTML-елемента.
style — потрібний для застосування вбудованих стилів CSS до тега.
tabindex - Встановлює порядок табуляції між елементами (клавіша Tab).
title — виводить підказку під час наведення курсору миші на HTML-елемент.

Модель тега: може розташовуватися всередині таблиці відразу після елемента або, якщо він не вказаний, після тега .

Може містити теги .

Тег, що відкриває: необхідний. Тег, що закриває: не обов'язковий.

Приклад HTML: застосування тега COLGROUP

Результат. Використання тега COLGROUP.