| |
обы поместить в ячейку графическое изображение, вставьте дескриптор ,
как показано ниже, между начальным и конечным дескрипторами данных ячей-
ки ():
Атрибут src в дескрипторе сообщает Web-браузеру имя файла графи-
ческого изображения, которое браузер должен отобразить в ячейке таблицы.
Следовательно, в данном примере Web-браузер отобразит рисунок из файла
image.jpg.
Чтобы преобразовать графическое изображение в ячейке таблицы в гиперс-
сылку, заключите дескриптор между парой — начальным и конечным —
дескрипторов привязки (<ах/а>). Например, следующий код преобразует рису-
нок в таблице (из предыдущего примера) в гиперссылку:
Обрабатывая HTML-код из данного примера, Web-браузер во время рисова-
ния таблицы отобразит рисунок из файла image.jpg. Если посетитель сайта за-
тем щелкнет на рисунке, Web-браузер отобразит содержимое файла, указанного в
атрибуте href дескрийтора <а>. Следовательно, в данном примере Web-браузер
отобразит содержимое файла info.htm, когда посетитель щелкнет на рисунке в
таблице.
Глава 2. HTML-таблицы
Управление границами на Web-странице
с помощью вложенных таблиц
Когда вы срздаете Web-страницу без таблиц, Web-браузер отображает найден-
ные им в файле элементы Web-страницы один за другим, начиная в верхнем ле-
вом углу окна браузера. Между первым элементом страницы и левым краем окна
браузер помещает заданный по умолчанию интервал. К сожалению, не все Web-
браузеры (и даже не все версии одного и того же Web-браузера) используют по
умолчанию интервалы одинаковой, из-за чего при разработке Web-страницы воз-
никает проблема, разрешить которую можно с помощью точного размещения
графики и текста.
ПРАКТИКУМ
Предположим, например, вы создаете Web-страницу, содержащую три графичес-
ких изображения, требующих установки определенного интервала от левой гра-
ницы Web-страницы. Чтобы управлять границей сложной Web-страницы, создай-
те таблицу и вставьте вторую таблицу с тремя графическими элементами в
ячейку второго столбца первой таблицы. Помещение таблицы в ячейку внутри
другой таблицы называется вложением (nesting). Когда вы вкладываете одну таб-
лицу в другую, создается организованная структура, которая позволяет с большей
точностью управлять размещением элементов на сложной Web-странице.
В приведенном ниже коде демонстрируется вложение таблицы, содержащей
три изображения? в ячейку другой таблицы:
В данном примере второй столбец таблицы содержит вложенную таблицу, а
первый столбец внешней таблицы имеет фиксированную ширину, равную 30
пикселям. В результате, когда Web-браузер загружает Web-страницу, первый стол-
бец таблицы отодвигает вложенную таблицу на 30 пикселей вправо от левого
края окна браузера, как показано на рис. 2.24.
Глава 2. HTML-таблицы 117
•3D \Ьпе*,\?П1!2МоЬв «WVHIML>feb_DCTign\?be t*»4mase.\1-2« hi
ЕЯе .
|
|