Широкие заголовки
Базовое многоколоночное форматирование – это только начало. Добавляя ячейки, охватывающие столбцы, можно создавать заголовки. Подобным образом вы можете разместить рисунки, охватывающие не-
сколько столбцов, – просто вставьте в ячейку, содержащую заголовок или рисунок, атрибут colspan. Рисунок 17.2 демонстрирует привлекательный макет в три колонки с заголовком над всеми столбцами и рисунком, размещенным в двух столбцах. Он получается при исполнении следующего исходного HTML-текста, содержащего теги таблицы.
<table border=0 cellspacing=7> <tr>
<th colspan=5><h2>The History of the Kumquat</h2> <tr valign=top>
<td rowspan=2>Copy for column 1...
<td rowspan=2 width=24><br>
<td>Copy for column 2...
<td width=24><br>
<td>Copy for column 3... <tr>
<td colspan=3 align=center><img src="pics/fruit.gif">
<p>
<i>The Noble Fruit</i> </table>
Чтобы получить этот красивый макет, мы использовали атрибут col-span в ячейке первой строки, охватывающей все пять столбцов таблицы (три с текстом и два средника). Мы использовали атрибут rowspan

Рис. 17.2. Создание привлекательного макета при помощи тегов таблицы
в первом столбце и в прилегающем к нему среднике, чтобы растянуть вниз столбец слева от рисунка. В ячейке с рисунком содержится атрибут colspan, поэтому ее содержимое охватывает другие два столбца и пространство между ними.