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

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

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

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

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

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

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

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

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня, проходящий c 18 июня по 19 августа 2024. Только 2 дня цена 27 900 ₽30 900 ₽

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

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

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

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

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

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