Объединение ячеек таблиц

Зачастую необходимо объединить ряд ячеек таблицы. Теги <td> и <th> содержат два атрибута: <colspan> и <rowspan> для объединения ячеек по горизонтали и вертикали соответственно.

Пример объединения ячеек по горизонтали:

<table border = 1>

<tr align = center>

<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>

Результат:

Рис. 5.3. Пример таблицы с объединенными по горизонтали ячейками.

Схожим образом происходит и объединение по вертикали, нужно помнить только о том, что необходимо удалить лишние теги <td> для строк, ячейки которых будут объединены по вертикали.

Пример:

<table border = 1>

<tr>

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

<td rowspan = 2>Ячейка 1+2.2</td>

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

</tr>

<tr>

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

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

</tr>

</table>

Результат:

Рис. 5.4. Пример таблицы с объединенными по вертикали ячейками.