Тег <table>

Тег <table> визначає таблицю даних. Структура будується з thead/tbody/tfoot, рядків tr та клітинок th/td.

Syntax

<table>
  <thead><tr><th>Заголовок</th></tr></thead>
  <tbody><tr><td>Дані</td></tr></tbody>
</table>

Attributes

colspan / rowspan (на th/td)	Об'єднання клітинок по горизонталі чи вертикалі.
scope (на th)	"col" або "row" — явно вказує, до чого відноситься заголовок, важливо для доступності.

Example

<table>
  <thead>
    <tr><th scope="col">Тариф</th><th scope="col">Ціна</th></tr>
  </thead>
  <tbody>
    <tr><td>Базовий</td><td>0 ₴</td></tr>
    <tr><td>Про</td><td>299 ₴</td></tr>
  </tbody>
</table>

Notes

Атрибути border, cellpadding, cellspacing застарілі — стилізуйте таблицю через CSS.
Для табличних даних (не для layout!) — верстка сторінки таблицями вважається застарілою практикою.

Accessibility

th зі scope="col"/"row" допомагає screen-читачам коректно озвучувати, до якого рядка/стовпця належить клітинка.

Схожі інструменти

HTML Table Generator

Швидко згенеруйте розмітку HTML-таблиці із заданою кількістю рядків та колонок.

Responsive table

Обгортка з overflow-x:auto для горизонтального скролу таблиці на вузьких екранах.

HTML Форматувач і Мініфікатор

Форматуйте та стискайте HTML код онлайн. Обробка повністю у браузері, без відправки на сервер.