#6 Об'єднання клітинок таблиці

Атрибут colspan

Для об’єднання декількох клітинок рядочку, необхідно скористуватися атрибутом тега <td colspan= “n”>

де n –кількість клітинок, що мають об’єднатися.

<table border=1>
<tr><td colspan=2> Клітина 1,1</td><td> Клітина 1,2</td></tr>
<tr><td> Клітина 2,1</td><td> Клітина 2,2</td><td> Клітина 2,3</td></tr>
</table>

Із приклада бачимо, що colspan=2 об'єднує 1 та 2 клітину у першому рядку. клітина 1,1 стає спільною для першого і другого стовпчика таблиці.

Вправа №1
Створіть наступну таблицю:

Атрибут rowspan

Для об’єднання декількох клітинок у стовпчику, необхідно скористуватися атрибутом тега <td rowspan= “n” >

де n –кількість клітинок, що мають об’єднатися.

<table border = 1>
<tr><td> Клітина 1,1</td><td> Клітина 1,2</td> <td rowspan=2> Клітина 1,3 </td></tr>
<tr><td> Клітина 2,1</td><td> Клітина 2,2</td> </tr>
</table>

Із приклада бачимо, що rowspan=2 об'єднує першу та другу клітину у третьому стовпчику.

Вправа №2
Створити таблицю.

Висновки

Отже, ми навчилися об'єднувати стовпчики і рядочки з допомогою атрибутів colspan та rowspan. Тепер споробуємо побудувати таблицю, в якій треба об'єднати і стовпчики і рядочки.

<table border=1>
<tr><td rowspan=2>клітина 1</td><td colspan=2>клітина 2</td></tr>
<tr><td>клітина 3</td><td>клітина 4</td></tr>
</table>
Вправа №3
Створити таблиці:
1) 2)