• Теория
  • Теория

Ячейки-заголовки

Поздравляем! Вы научились создавать простейшие таблицы и оформлять их. В следующей части тренажёра мы познакомимся с ещё несколькими табличными тегами и научимся создавать более сложные таблицы.

Обычно в таблицах выделяют названия столбцов или строк. В HTML для этого предусмотрен специальный тег <th>, который расшифровывается как «table header» и обозначает ячейку-заголовок. Тег <th> аналогичен <td>, он так же должен располагаться внутри <tr>, для него стилями можно задавать все те же свойства.

По умолчанию текст внутри <th> выделяется жирным и выравнивается по центру ячейки.

В этом задании мы наконец-то добавим в нашу таблицу ячейки-заголовки и оформим их: добавим увеличенные отступы и более яркие рамки.

Для группировки нескольких рядов с ячейками-заголовками можно использовать тег <thead>.

Аналогично для группировки основных рядов используют тег <tbody>, а для «подвала» таблицы — тег <tfoot>.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с таблицами» тренажёра «Работа с таблицами» можно после регистрации и оформления подписки.