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

Группировка основных рядов и ячеек, часть 2

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

В итоге мы получим CSS-аналог следующей табличной разметки:

<table>
  <caption>Вещи в дорогу</caption>
  <thead>
    <tr>…</tr>
  </thead>
  <tbody class="content">
    <tr>…</tr>
  </tbody>
  <tbody class="content content-important">
    <tr>…</tr>
  </tbody>
  <tfoot>
    <tr>…</tr>
  </tfoot>
</table>

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует через 7 дней. Всего от 4690 ₽в месяц.

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

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

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

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

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

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