Самоучитель по креативному веб-дизайну. Книга 1, стр.74

10.05.2010

следующим образом:

Если ширина и высота ячеек таблицы не указаны, Web-браузер изменяет их

размеры в соответствии с помещенными в них данными. Браузер установит ши — рину каждого столбца равной ширине самого широкого объекта в ячейках столб- ца. Аналогично, высоту каждой строки Web-браузер установит в соответствии с высотой самого «высокого» объекта в строке. Минимальные высота и ширина ячейки, содержащей графическое изображение — это размеры графического изоб —

Глава 2. HTML-таблицы 89

ражения. Минимальная ширина ячейки с одними лишь текстовыми данными —

это число символов в самом длинном слове или числе, а минимальная высота —

высота самого высокого символа.

Создание таблиц с ячейками, объединяющими несколько столбцов и несколько строк

Ранее в этой главе вы научились создавать ячейки таблицы с помощью начальных и конечных дескрипторов заголовков столбцов/строк таблицы ( ) и начальных и конечных дескрипторов данных таблицы ( ). Вы также узнали, как задавать атрибуты width (ширина) и height (высота)

в дескрипторах и

для определения размеров ячейки. Если ячейки таб —

лицы вы определяете без атрибута ceiispan или атрибута гowspan, все ячейки в строке будут иметь одинаковую высоту, а все ячейки в столбце будут иметь оди —

наковую ширину, как ячейки в таблице, показанной на рис. 2.8.

Однако иногда может понадобиться, чтобы ячейки объединяли несколько строк и/или несколько столбцов, как три из ячеек на рис. 2.9. В HTML-деск —

рипторе определения таблицы предусмотрено два атрибута (coispan (объедине —

ние столбцов) и rowspan (объединение строк)), с помощью которых можно задать ширину и/или высоту ячейки как число столбцов и/или строк смежных ячеек.

Чтобы задать ячейку, объединяющую несколько строк, как, например, вторая

сверху ячейка в первом столбце на рис. 2.9, укажите атрибут rowspan в дескрип — торе

или ячейки. Для данного примера, где ячейка объединяет две строки, потребовалось бы написать следующий код:

=»2″>CTpoKa 1 и 2, столбец K/td>

Если бы ячейка объединяла три строки, нужно было бы установить значение атрибута rowspan равным «3 » и т. д.

90 Глава 2. HTML-таблицы

Важно помнить, что, если вы установили атрибут rowspan для ячейки равным «2″ , в определении таблицы между следующей парой дескрипторов строки таб — лицы (
) вы должны набрать на одну пару дескрипторов