Question

Вправа 2.3 Створимо веб-сторінку з таблицею, що має таку ж структуру в якій одночасно об'єднано і стовпці, і рядки.
​

Answer 1

Ответ:

Щоб створити веб-сторінку з таблицею, яка має об'єднані стовпці та рядки, можна скористатись HTML тегом colspan та rowspan.

Ось приклад коду, який створює таблицю з об'єднаними стовпцями та рядками:

<table>

<tr>

<td rowspan="2">Об'єднані<br>рядки</td>

<td colspan="2">Об'єднані<br>стовпці</td>

</tr>

<tr>

<td>Стовпець 1</td>

<td>Стовпець 2</td>

</tr>

<tr>

<td>Рядок 2</td>

<td>Ячейка 1</td>

<td>Ячейка 2</td>

</tr>

<tr>

<td>Рядок 3</td>

<td colspan="2">Об'єднані<br>стовпці</td>

</tr>

</table>

У цьому коді ми використовуємо атрибут rowspan для того, щоб об'єднати два рядки в один. У першому рядку ми також використовуємо тег <br>, щоб перенести текст на дві рядки у одній комірці.

Також ми використовуємо атрибут colspan для того, щоб об'єднати два стовпці в один.

Отже, цей код створить таблицю з об'єднаними стовпцями та рядками, яка виглядатиме так:

| Об'єднані рядки | Об'єднані стовпці | |

| ----------------|:-----------------:|-------:|

| | Стовпець 1 | Стовпець 2 |

| Рядок 2 | Ячейка 1 | Ячейка 2 |

| Рядок 3 | Об'єднані стовпці | |

Надіюся, що ця інформація була корисною!