Создание таблиц в HTML, какие есть теги и атрибуты

17.08.18 ИТ / HTML 3618

Создание таблиц на страницах сайта – довольно частый процесс, поэтому необходимо знать, как правильно их создавать. Таблицы позволяют преподнести материал в удобном для восприятия виде, информация из таблиц лучше запоминается.

Для создания таблиц в HTML существуют специальные теги – table, tr, th, td. Это минимальный набор тегов, необходимый для того, чтобы сделать практически любую таблицу. Но существуют и другие теги, которые могут понадобиться. Ниже приводится полный список таких тегов:

• table – создает таблицу, доступные атрибуты: align, background, bgcolor, border, bordercolor, cellpadding, cellspacing, cols, frame, height, rules, summary, width;
• thead – предназначен для хранения одной или нескольких строк в самом верху таблицы, атрибуты: align, char, charoff, bgcolor, valign;
• tbody - предназначен для хранения одной или нескольких строк посередине таблицы, атрибуты: align, char, charoff, bgcolor, valign;
• tfoot - предназначен для хранения одной или нескольких строк в самом конце таблицы, атрибуты: align, char, charoff, bgcolor, valign;
• tr - служит контейнером для создания строки таблицы, атрибуты: align, bgcolor, bordercolor, char, charoff, valign;
• th – служит для создания заголовков таблицы, атрибуты: abbr, align, axis, background, bgcolor, bordercolor, char, charoff, colspan, headers, height, nowrap, rowspan, scope, valign, width;
• td – создает ячейку таблицы, атрибуты: abbr, align, axis, background, bgcolor, bordercolor, char, charoff, colspan, headers, height, nowrap, rowspan, scope, valign, width;
• caption – задает заголовок таблицы, атрибуты: align, valign;
• colgroup - предназначен для задания ширины и стиля одной или нескольких колонок таблицы, атрибуты: align, char, charoff, span, valign, width;
• col - задает ширину и другие характеристики одной или нескольких колонок таблицы, атрибуты: align, char, charoff, span, valign, width.

Создавать таблицы в HTML можно различными способом, используя теги и необходимые атрибуты. Некоторые атрибуты рекомендуется не использовать, а вместо этого прибегнуть к использованию оформления при помощи CSS стилей. Благодаря CSS можно значительно изменить внешний вид таблицы, существуют специальные свойства для таблиц – как универсальные, так и специфичные.