<table>

Для створення таблиці використовується паринй тег <table> </table> який створює таблицю в HTML документі. Таблиця має складатись хочаб з одног рядка <tr> та однієї комірки <th> - комірка-заголовок або <td> - комірка таблиці)

Тег заголовка таблиці <caption>

Розподіл таблиці на на верхній нижній колонтитул і тіло відбувається за домоиогю тегів:

  • <thead> - шапка таблиці
  • <tbody> - тіло таблиці
  • <tfoot> - нижній колонтитул таблиці (пояснюючий напис)

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

Порада:

Якщов в якості елементів макету використовуються таблиці, то таким таблицям необхідно задавати атрибут raquo зі значенням presentation, наприклад <table role = "presentation"> ... <table>, який допомагає технічним засобам (наприклад, пошуковим системам чи програмам читання з екрану) правильно розпізнавати та відтворювати дані з такої таблиці.

Нотатка:

Використання інших тегів нарівні (на одному рівні) з тегами елементів таблиці заборонено.

Порада:

Таблиці не повинні використовуватися для розмітки сторінок! Історично склалося, що деякі веб-розробники використовували HTML таблиці в для створення макета сторінки. Проте, існує безліч альтернатив за допомогою яких можна створити макет сторінки, наприклад за допомогою CSS.

Синтакс

<table>
  <tr>
    <td>...</td>
  </tr>
</table>

Приклади

Найпростіший приклад використання HTML тега <table>

До попереднього тегу До наступного тегу