Для об'єднання комірок в html таблицях служать два службові слова: colspan і rowspan.
Colspan - об'єднання по горизонталі.
Rowspan - об'єднання по вертикалі.
Приклад: Дана таблиця в HTML 3 на 3:
<table width="500" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Ми можемо об'єднати 2 комірки першого рядка по горизонталі:
<table width="500" border="1">
<tr>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Або ыы можемо об'єднати 2 комірки першого стовпчика по вертикалі:
<table width="500" border="1">
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Я думаю ви помітили, що при об'єднанні вказується кількість об'єднуючих осередків і отже видаляються зайві комірки.