Теоретичні відомості. При створенні таблиць часто виникає потреба, щоб певні комірки були об’єднані

При створенні таблиць часто виникає потреба, щоб певні комірки були об’єднані. Потреба в цьому може виникати як в рядках так і в стовбцях. Для цього існують спеціальні атрибути:

colspan – (охоплення стовбців)

rowspan – (охоплення рядків)

Ці атрибути використовуються у тегу <td> для встановлення кількості об’єднаних комірок відповідно у стовбці або в рядку. Наприклад:

<table border="1"> <tr> <td colspan="3">Дані 1</td> </tr> <tr> <td>Дані 2</td> <td>Дані 3</td> <td>Дані 4</td> </tr> </table>

В браузері це виглядає так:

Дані 1
Дані 2	Дані 3	Дані 4

Зверніть увагу, що у першій комірці вказано охопити три комірки в рядку, якщо там вказати охоплення двох комірок то необхідно було б додати в першому рядку ще одну комірку для вирівнювання кількості стовбців в першому і другому рядках. Слід завжди прораховувати вигляд таблиці перед тим як створювати її, особливо при використанні об’єднання комірок.

При використанні rowspan ми отримаємо об’єднання комірок у стовбці.

Наприклад:

<table border="1"> <tr> <td rowspan="3">Дані 1</td> <td>Дані 2</td> </tr> <tr> <td>Дані 3</td> </tr> <tr> <td>Дані 4</td> </tr></table>

У браузері це виглядає так:

Дані 1	Дані 2
Дані 3
Дані 4

Рядок з написом «дані 1» містить вказівку охопити три рядки. Разом з ним в першому рядку знаходиться комірка з написом «Дані 2». Рядки «Дані 3» та «Дані 4» доповнюють таблицю до необхідної кількості рядків. Тобто при використанні rowspan необхідно дотримуватись раніше викладених правил.

Завдання 3:

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

Дані 1
Дані 2	Дані 3	Дані 4	Дані 5
Дані 6	Дані 7	Дані 8
Дані 9	Дані 10	Дані 11	Дані 12

Практичне заняття 6.

Дата добавления: 2015-10-02