Page 37 - 6108
P. 37
кількість осередків в рядку таблиці. Кількість пар осередків <td> має
дорівнювати кількості пар осередків <th>.
Для елементів <th> і <td> доступні атрибути colspan, rowspan,
headers.
<table>
<tr><th>осередок заголовку</th><th>осередок
заголовку</th></tr>
<tr><td>осередок тіла таблиці</td><td> осередок тіла
таблиці </td></tr>
</table>
Елемент <colgroup> створює структурну групу стовпчиків, виділяючи
логічно однорідні осередки. Групує один або більше стовпців для єдиного
форматування, дозволяючи застосувати стилі до стовпців замість того, щоб
повторювати стилі для кожного осередку і для кожного рядка. Додається
безпосередньо після тегів <table> і <caption>. Дозволяє задати вертикальну
структуру таблиці.
Елемент <col> формує групи стовпців, які ділять таблицю на розділи, що
не належать до загальної структури, тобто що не містять інформацію одного
типу. Дозволяє задавати властивості стовпців для кожного стовпця в межах
елемента <colgroup>. За допомогою атрибута style можна змінити основний
колір фону осередків. Для елемента <col> доступний атрибут span, що задає
кількість стовпців для обєднання
<table>
<colgroup>
<col span="2" style="…"> <!-- Задаємо стиль для
перших двох стовпчиків таблиці-->
<col style="…"><!-- Задаємо стиль для наступного
(одного) стовпчика таблиці -->
</colgroup>
…
</table>
Атрибути colspan і rowspan об'єднують елементи таблиці. Атрибут
colspan задає кількість осередків, об'єднаних по горизонталі, а rowspan – по
вертикалі.
<table border="1>
<tr>
<td colspan="2" >Обєднаний по горизонталі осередок 1</td>
</tr>
<tr>
<td>Осередок 2</td>
<td>Осередок 3</td>
</tr>
</table>
<table border="1" >
<tr>
<td rowspan="2">Обєднаний по вертикалі осередок 1</td>
<td>Осередок 2</td>