| |
осле одного дескриптора , дает Web-браузеру указание создать таблицу с
двумя заголовками в разных столбцах одной и той же строки:
3aronOBKM, расположенные в CTpoi
3aronoBOK
<Й1>Заголовок
a4pdica 1,
CTpOKa, 1, э
CTpOKa 2,
| CTpoKa 2,
| |
K/th>
элемент
элемент
элемент
элемент
/tr>
K/td>
2
K/td>
2«УуеШХ/1г>
g 88864=
п86Я6 Ш?
6
3§Ш98Ш1 1 8ЙЙ8 й Ж 16 6Ш§6Й
Глава 2. HTML-таблицы
На рис. 2.7 две таблицы, полученные из определений таблиц из двух преды-
дущих примеров, показаны рядом друг с другом, так что можно сравнить вне-
шний вид таблицы с заголовками в строку с таблицей, заголовки которой распо-
ложены в столбец:
Е' f l T ' 'У i i: ' " V * If Л 'fiii'i lifiiiiit: i 11 ffil f 'ti'rtV TWIT 11
"i •' i 7' M иГТ
Заголэвга в строку
1 Зиалемк 1 Заголовок 2
Строка 1, злемект Строга 1, отеимг
1 -:2
Строка 2, элемент 'Строка 2, элкмек
Заголовет в столбец
Запловвх I ^Строка 1, аимкнт 1 Строка 1,:
х 2 'Строга 2, эпгкект 1 Строка 2, мвжнт 2
Рис. 2.7. Заголовки таблиц могут располагаться в строку (слева) или в столбец
(справа)
Использование таблицы для компоновки страниц
При использовании таблицы для вывода табличных данных можно позволить
данным в таблице диктовать размеры ячеек таблицы и, следовательно, размеры
самой таблицы. Однако если вы собираетесь использовать HTML-таблицу в каче-
стве ячеистой "сетки" для позиционирования графических изображений и тек-
ста в определенных местах на Web-странице, вам потребуется проделать две
вещи. Во-первых, нужно "скрыть" границы таблицы. Во-вторых, вы должны
иметь возможность контролировать размеры таблицы и размеры ячеек в таблице.
Вы уже знаете, как сделать границу таблицы невидимой — просто не вклю-
чайте в дескриптор таблицы атрибут border. Или же, если вы хотите,
чтобы "невидимость" (иными словами, ширина, равная 0 пикселей) границ таб-
лицы была задана явным образом, а не "подразумевалась", запишите дескриптор
следующим образом:
Если ширина и высота ячеек таблицы не указаны, Web-браузер изменяет их
размеры в соответствии с помещенными в них данными. Браузер установит ши-
рину каждого столбца равной ширине самого широкого объекта в ячейках столб-
ца. Аналогично, высоту каждой строки Web-браузер установит в соответствии с
высотой самого "высокого" объекта в строке. Минимальные высота и ширина
ячейки, содержащей графическое изображение — это размеры графического изоб-
Глава 2. HTML-таблицы 89
ражения. Минимальная ширина ячейки с одними лишь текстовыми данными —
это число символов в самом длинном слове или числе, а минимальная высота —
высота самого высокого символа.
Создание таблиц с ячейками, объединяющими
несколько столбцов и несколько строк
Ранее в этой главе вы научились создавать ячейки таблицы с помощью
начальных и конечных дескрипторов заголовков столбцов/строк таблицы
() и начальных и конечных дескрипторов данных таблицы (). Вы также узнали, как задавать атрибуты width (ширина) и height (высота)
в дескрипторах | и | для определения размеров ячейки. Если ячейки таб-
лицы вы определяете без атрибута ceiispan или атрибута гowspan, все ячейки в
строке будут иметь одинаковую высоту, а все ячейки в столбце будут иметь оди-
наковую ширину, как ячейки в таблице, показанной на рис. 2.8.
.dt View Fsvorte* loots
' Stop' Refresh а
Seaich
.•Строка 1, столбец!
;|СтрогаX столбец 1
; [Строка 3, столбец 1
Табтпща с одкночншш хче$а&ми
Стш*еиЭ Сто.п6гц4
•Строга 1, столбец 3 !Строка 1, столбец 4 |Строга 1, столбец 2
Строга 2. стогСеа 2
Ь р о » 3 , столбец 2
Строю 2, столбец 3 ;Строка 2, столбец 4
h-3, стопбеи 3 |Строга 3. столбец 4
| ' "'""""' \
Строга 4 столбец 1 Строка 4, столбец 2 L Строга 4. столбец 3 |Строга 4, столбец
4
^1
Рис. 2.8. Таблица, в которой все ячейки в одной и той же строке имеют
одинаковую высоту, а в одном и том же столбце — одинаковую ширину
Однако иногда может понадобиться, чтобы ячейки объединяли несколько
строк и/или несколько столбцов, как три из ячеек на рис. 2.9. В HTML-деск-
рипторе определения таблицы предусмотрено два атрибута (coispan (объедине-
ние столбцов) и rowspan (объединение строк)),
|
|
 | [Весь Текст] |
| |  |
|
