Об'єднання комірок в html

Для об'єднання комірок в html таблицях служать два службові слова: colspan і rowspan.

Colspan - об'єднання по горизонталі.

Rowspan - об'єднання по вертикалі.

Приклад: Дана таблиця в HTML 3 на 3:

<table width="500" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Ми можемо об'єднати 2 комірки першого рядка по горизонталі:

<table width="500" border="1">
<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Або ыы можемо об'єднати 2 комірки першого стовпчика по вертикалі:

<table width="500" border="1">
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Я думаю ви помітили, що при об'єднанні вказується кількість об'єднуючих осередків і отже видаляються зайві комірки.