Понякога се налага информацията да заема две или повече клетки от един ред, или два или повече реда от една колона. За целта в HTML се използват атрибутите на клетката: COLSPAN и ROWSPAN.

Сливане на колони <TD COLSPAN=”x”></TD> Слива няколко колони в една. х е цяло число, определящо броя на колоните, върху които ще се разположи клетката.

Пример:

<table border=”1”>
<tr>
<td COLSPAN=”3”>Тази клетка заема три колони от таблицата</td>
<td>Тази клетка е нормална</td>
</tr>
<tr>
<td>едно</td>
<td>две</td>
<td>три</td>
<td>четири</td>
</tr>
</table>

Таблицата изглежда:

Сливане на редове <TD ROWSPAN=”x”></TD> Слива няколко реда в един. х е цяло число, определящо броя на редовете, върху които ще се разположи клетката.

Пример:

<table border=”1”>
<tr>
<td ROWSPAN=”3”>Тази клетка заема три реда от таблицата</td>
<td>едно</td>
</tr>
<tr>
<td>две</td>
</tr>
<tr>
<td>три</td>
</tr>
<tr>
<td>Тази клетка е нормална</td>
<td>четири</td>
</tr>
</table>

Резултатът е:

Един комбиниран пример - таблицата е от 3 реда и 4 колони.

<table border=”2”>
<tr>
<td COLSPAN=”3”>Тази клетка заема три колони от таблицата</td>
<td>Тази клетка е нормална</td>
</tr>
<tr>
<td COLSPAN=”2” ROWSPAN=”2”>Тази клетка заема 2 колони и 2 реда</td>
<td COLSPAN=”2”>Тази клетка заема останалите 2 колони</td>
</tr>
<tr>
<td>Тази клетка е нормална</td>
<td>Тази клетка е нормална</td>
</tr>
</table>

Резултат: