3.3. Создание более сложных таблиц в HTML-документах

Язык HTML предоставляет возможности для создания более сложного вида таблиц, чем просто разбиение всего пространства на строки и столбцы. В частности можно выполнять объединение ячеек в строках и столбцах, что приводит к более гибкому представлению данных.

Объединение ячеек выполняется с помощью параметров colspan и rowspan, которые задаются в тегах <td> и <th>. Параметр colspan определяет число объединяемых ячеек в строке, а rowspan – число объединяемых ячеек в строках. Например, если требуется создать таблицу вида:

 

то этого можно достичь с помощью следующего кода:

<table border=1>
<tr>
     <td>ячейка 1</td>
     <td colspan=2> ячейка 2</td>
</tr>
<tr>
     <td rowspan=2>ячейка 3</td>
     <td> ячейка 4</td>
     <td> ячейка 5</td>
</tr>
<tr>
     <td> ячейка 6</td>
     <td> ячейка 7</td>
</tr>
</table>

Рис. 3.5. Пример объединения ячеек по горизонтали и вертикали