Тег <table>

Опис

Тег <table> визначає таблицю даних у документі. Таблиця складається з рядків та стовпців, що утворюють комірки. Кожна комірка може містити текст, зображення або інший мультимедійний контент.

Використовуйте теги <tr> для рядків, <th> для заголовків і <td> для комірок у таблиці.

Приклад

<table border='1'><tr><th>Заголовок 1</th><th>Заголовок 2</th></tr><tr><td>Рядок 1, комірка 1</td><td>Рядок 1, комірка 2</td></tr></table>

Підтримується у всіх сучасних браузерах.

<tr>, <th>, <td>

<table></table>

Атрибути

borderВстановлює товщину межі навколо таблиці
widthВстановлює ширину таблиці
cellpaddingВстановлює відступ від вмісту комірки до межі
cellspacingВстановлює відстань між комірками

Часті запитання

  • Q: Як створити таблицю в HTML за допомогою тегу <table>?

    A: Створіть відкриваючий тег <table>, додайте рядки таблиці за допомогою тегу <tr>, а у кожному рядку додайте комірки за допомогою тегу <td>.

  • Q: Як додати заголовок до таблиці за допомогою тегу <table>?

    A: Для додавання заголовка використовуйте тег <th> всередині тегу <tr> у першому рядку таблиці.

  • Q: Як додати рамку до таблиці в HTML?

    A: Використовуйте атрибут border у тезі <table>, наприклад <table border='1'>, щоб додати рамку до таблиці.

  • Q: Як вирівняти текст в комірці таблиці по центру?

    A: Використовуйте атрибут align='center' у тезі <td>, наприклад <td align='center'>, щоб вирівняти текст по центру.

  • Q: Як злити комірки в рядку таблиці?

    A: Використовуйте атрибут colspan у <td>, щоб злити комірки в одну ячейку горизонтально.