Слияние ячеек таблицы
Улучшение внешнего вида таблицы
Отображение границ таблицы
Перенос слов в ячейках таблицы
Вложенные таблицы
Обтекание таблицы текстом
Слияние ячеек таблицы
При помощи атрибутов COLSPAN, ROWSPAN можно объединять несколько соседних ячеек столбца или строки в одну большую ячейку.
Атрибут COLSPAN тэгов <TH>, <TD> позволяет сделать слияние ячеек нескольких столбцов в пределах одной строки.
Атрибут ROWSPAN - ячеек из нескольких строк в пределах одного столбца.
Цифра, указываемая в этих атрибутах, указывает количество ячеек, которые будут подвергнуты слиянию.
Т.к. при выполнении операций слияния очень легко запутаться, то настоятельно рекомендую сделать предварительный эскиз таблицы на бумаге.
Пример:
| HTML-код:
<table border="1">
<tr>
<td rowspan="3">1111</td>
<td colspan="2">22222</td>
<td colspan="2">33333</td>
</tr>
<tr>
<td>44444</td>
<td colspan="2" rowspan="2">55555</td>
<td>66666</td>
</tr>
<tr>
<td>77777</td>
<td>88888</td>
</tr>
<tr>
<td colspan="5">99999</td>
</tr>
</table>
| Отображение в браузере:
|