Для объединения ячеек в 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>
Я думаю вы заметили, что при объединении указывается количество объединяющих ячеек и следовательно удаляются лишние ячейки.
