Ширина колонок и группировка столбцов HTML таблицы: теги col и colgroup

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

По своему действию элементы COL и COLGROUP очень похожи и их даже очень часто используют вместе. Оба этих элемента не имеют содержимого и используются для задания ширины и изменения характеристик колонок таблицы.
Тег col является одиночным, а это означает, что закрывающий тег запрещен. Тег colgroup является парным с опциональным закрывающим тегом. Поговорим о их назначении. Оба этих элемента обладают одинаковым набором атрибутов:
Атрибут align позволяет задать выравнивание содержимого в колонке.
Атрибут char позволяет выровнять содержимое колонки по указанному символу.
Атрибут charoff позволяет сдвинуть содержимое ячейки относительно заданного символа.
Атрибут span дает возможность указать количество колонок, к которым следует применять параметры.
Атрибут valign позволяет задать вертикальное выравнивание содержимого колонки.
Атрибут width позволяет изменить ширину колонки.
Основная разница между COL и COLGROUP заключается в том, что если вы зададите элементу TABLE атрибут rules=“groups”, то браузер будет рисовать линии только между группами колонок, входящих в различные COLGROUP.
Детально описание словами принципа работы COL и COLGROUP – довольно утомительное занятие, поэтому нам лучше перейти к примерам, сейчас же заметим, что COLGROUP может быть использован как контейнер для элементов COL.