Page 36 - 6108

інші таблиці. Кожній таблиці можна додати пов'язаний з нею заголовок,
розташувавши його перед таблицею або після неї.
Таблиці більше не використовуються для верстки веб-сторінок і
компонування окремих елементів, тому що такий прийом не забезпечує
гнучкість структури і адаптивність сайту, істотно збільшуючи HTML-розмітку.
Для всіх елементів таблиці доступні глобальні атрибути, а також власні
атрибути.
Таблиця створюється за допомогою парного тегу <table> </table> .
Даний тег є контейнером для елементів таблиці і всі елементи повинні
знаходитися всередині нього.
Структурно таблиця складається із загловку, який вказується в тегу
<caption>, заголовка таблиці <thead>, тіла <tbody> (стандарт передбачає,
що таблиця може містити декілька тегів <tbody>) та підвалу таблиці <tfoot>
Елемент <thead> створює групу заголовків для рядків таблиці з метою
завдання єдиного оформлення. Втавляється, як дочірній елемент <table>,
після <caption> і <colgroup>, і перед <tbody>, <tfoot> і <tr> елементами.
У межах однієї таблиці можна використовувати один раз.

Елемент <tbody> групує основний вміст таблиці.
Елемент <tfoot> створює групу рядків для представлення інформації
про суми або підсумки, розташовану в нижній частині таблиці.
Використовується в таблиці один раз. Розташовується після тега <thead>,
перед тегами <tbody> і <tr>.

<table>
<caption>Назва таблиці</caption>
<thead>
<tr><th>Осередок 1 заголовку</th> </tr>
</thead>
<tfoot>
<tr><td>Осередок підвалу</td> </tr>
</tfoot>
<tbody>
<tr><td>Осередок 1</td> </tr>
</tbody>
</table>

Побудова таблиці здійснюється по рядках, які створюються за допомогою
тега <tr>. Кількість горизонтальних рядків таблиці визначається кількістю
парних тегів <tr> </tr>.
Всередині контейнера рядків поміщаються контейнери осередків.
Стандарт HTML визначає два типи контейнерів для позначення осередків <th>
і <td> .
Елемент <th> створює заголовок стовпчика – спеціальне відділення,
текст в якій виділяється напівжирним. Кількість осередків заголовка
визначається кількістю пар тегів <th> </th>.

Елемент <td> створює осередки таблиці, всередину яких містяться дані
таблиці. Парні теги <td> </td>, розташовані в одному ряду, визначають