| |
ожно поместить большое изоб-
ражение дерева с ветвями, причем каждая ветвь (генеалогического) дерева будет
носить имя определенной генеалогической ветви вашего семейства. Разделив
изображение дерева на три отдельных фрагмента и затем поместив каждый фраг-
мент в отдельную ячейку таблицы, так, что в каждой ячейке будет находиться
ветвь дерева, вы сможете превратить каждую ветвь в "горячую область" (hotspot).
Тогда посетитель сможет, щелкнув на ветви дерева, получить информацию по
той или иной группе родственников. Хотя посетитель видит дерево с ветвями
целиком, на самом деле графическое изображение на Web-странице разбито
на отдельные фрагменты, которые затем вновь собираются в единое целое с
помощью HTML-таблицы.
Как это ни странно, большинство Web-дизайнеров, использующих таблицы в
качестве средства компоновки, не считают само по себе кодирование таблиц са-
мой сложной частью работы. Сложной задачей они считают визуализацию Web-
страницы, разбитой в табличный формат со строками и столбцами ячеек. Одна-
ко если вам захочется создать навигационную карту Соединенных Штатов, вам
нужно будет всего лишь взглянуть на карту страны, чтобы понять, что разделить
Соединенные Штаты по ячейкам таблицы не удастся просто потому, что грани-
цы отдельных штатов не имеют правильной прямоугольной формы. Набросав
Web-страницу на бумаге и разделив изображения и текст горизонтальными и
вертикальными линиями, можно быстро убедиться, реализуем ли вообще такой ди-
зайн. Иными словами, набросок (или раскадровка) покажет, сможете ли вы разде-
лить объекты на Web-странице на отдельные ячейки блочной структуры HTML-таб-
ЛЙЦЫ. Всегда анализируйте проект перед тем, как приниматься за написание кода.
Понимание HTML-дескрипторов, используемых для
создания таблиц
HTML-таблицы, используемые для отображения содержимого на Web-страни-
це, как и те таблицы, которые вы видите в печатных материалах (книгах, журна-
лах, газетах и т.д.), состоят из столбцов данных, организованных в строки. Не
уди-
вительно, что основные HTML-дескрипторы, с помощью которых создаются
таблицы, сообщают Web-браузеру, какую часть HTML-файла включить в таблицу, и
группируют отдельные элементы данных в этой части файла в столбцы и строки:
84 Глава 2. HTML-таблицы
• . Уведомляет Web-браузер, что с текстом, заключенным
между начальным и конечным дескрипторами, нужно обращаться как с
таблицей.
• (строка таблицы — table row). Уведомляет Web-браузер, что он
должен поместить элементы данных и, возможно, заголовки между началь-
ным и конечным дескрипторами в отдельную новую строку таблицы.
• (данные таблицы — table data). Уведомляет Web-браузер, что
HTML-дескрипторы, атрибуты и текст (если таковой имеется) между началь-
ным и конечными дескрипторами являются содержимым (иными словами,
данными), которое Web-браузер должен отобразить в столбце таблицы.
Например, чтобы Web-браузер отобразил показанную на
рис. 2.4 простую таблицу, состоящую из трех столбцов и
двух строк, вам потребуется написать следующий код:
1.
4
2J
51
J 6
Рис. 2.4. Простая
таблица, содержащая
две строк
|
|
