Широкие заголовки

Базовое многоколоночное форматирование – это только начало. Добавляя ячейки, охватывающие столбцы, можно создавать заголовки. Подобным образом вы можете разместить рисунки, охватывающие не-

сколько столбцов, – просто вставьте в ячейку, содержащую заголовок или рисунок, атрибут 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, поэтому ее содержимое охватывает другие два столбца и пространство между ними.