Э. Таненбаум - Компьютерные сети. (4-е издание) (DJVU) (1130092), страница 192
Текст из файла (страница 192)
Например, ОБ9гаче: означает символ е, а еевсцхе; — символ е. Так как сами символы <, > и 6 оказываются зарезервированными, для их отображения в тексте также применяются управ- Всемирная паутина (УУУУУУ) 71 В ляющие последовательности: $11: (1езз ГЬап — знак <меньше>), ~1Ф: (ягеатег (Ьап — знак «больше») и баир: (атрегзапд — амперсанд). Главным пунктом заголовка является название страницы, располагающееся между тегами <1 ! (1е> и </т!11е>. В него можно поместить также некоторую мета- информацию. Оно не отображается на странице, а используется некоторыми браузерами для того, чтобы помечать окно страницы. Рассмотрим некоторые другие команды языка НТМ(., используемые в примере на рис.
7 12, и другие, приведенные в табл. 7.11. Заголовки в примере задаются тегами вида <Ьп>, где и — цифра от 1 до 6. <Ь1> является самым важным заголовком, <Ьб> — наименее важным. Как это отобразить на экране, зависит от браузера. Обычно заголовки с меньшими номерами отображаются более крупными шрифтами. Браузер может также выделять различные заголовки различными цветами. Обычно заголовки <Ь1> выводятся на экран крупным полужирным шрифтом и выделяются, по меньшей мере, одной пустой строкой над и под заголовком.
Таблица 7.11. Наиболее часто используемые НТМ(.-тети. У некоторых из них могут быть дополнительные параметры Тег Описание Теги <Ь> и <1> обозначают, соответственно, полужирный шрифт (Ьо!Пасе) и курсив (1Фа!1сз). Если браузер не может отобразить полужирный шрифт или курсив, он должен применить какой-нибудь другой способ выделения, например, использовать другой цвет или инверсное отображение символов. Язык НТМ1. предоставляет несколько механизмов создания списков, включая вложенные списки. Тег <ц1> (цпогдегед 11зс) начинает неупорядоченный спи- <ьтгп1> ... </Мгп1> <Ьеаб> ... </Ьевб> <й(е> ...
</й(е> <Ьобу> ... </Ьобу> <Ьп> ... </Пл> <Ь> ... </Ь> <!> ... </1> <сеп1ег> ... </септег> <ц1> ... </ц1> <о1>, </о1> <гпепц> ... </гпепо> <1!> ... </1!> <Ьг> <р> <Ьг> <ипд вгс="..."> <в Ьге! "..."> ...
</в> Объявляет веб-страницу нв языке НТМь Определяет границы заголовка страницы Определяет границы неотобрвжвемого названия страницы Определяет границы теле страницы Определяет границы заголовка уровня л Маркирует блок текста, печатаемого полужирным шрифтом Маркирует блок текста, печатаемого курсивом Помечает начала и конец центрироввнного по горизонтали текста Помечает начало и конец неупорядоченного списка Помечает начало и конец упорядоченного списка Помечает границы меню Маркирует начало и конец пункта меню разрыв (перевод отроки) Начало абзаца Горизонтальная линейка Загрузка изображения Определяет гиперссылку 718 Глава 7.
Прикладной уровень сок, Отдельные пункты, помеченные исходном тексте тегом <11>, изображаются с маркером абзаца (обычно крупной черной точкой, ° ) перед собой. Тег <о1> (отбегу 11зг) означает начало упорядоченного списка. При его использовании абзацы, помеченные тегом <11>, автоматически нумеруются браузером. У списков, организованных при помощи тегов <ц1> и <о1>, одинаковый синтаксис (за исключением открывающих и закрывающих тегов списков) и похожее поведение.
Тети <Ьг>, <р> и <Ьг> применяются для обозначения границ между различными участками текста. Точный формат может быть определен в таблице стилей (см, ниже), ассоциированной со страницей. Тег <Ьг> просто вставляет разрыв строки. Обычно браузеры не вставляют пустую строку после тега <Ьг>. Тег <р>, напротив, начинает новый абзац, перед которым может быть вставлена пустая строка и, возможно, добавлен отступ. (Тег </р> отмечающий конец абзаца, существует, но на практике почти не используется.
Большинство составителей НТМ).-страниц даже не знают о его существовании.) Наконец, тег <Ьг> прерывает строку и рисует на экране горизонтальную линию. Язык НТМ1. позволяет включать в веб-страницу изображения. Тег <1шд> указывает, что в данной позиции страницы должно быть загружено изображение. У этого тета может быть несколько параметров. Параметр згс задает ()КЕ изображения.
Стандартом НТМ1. не определяются графические форматы. На практике все браузеры поддерживают файлы форматов С1Р и ) РЕС. Браузеры могут поддерживать любые другие форматы, но эта свобода оказывается палкой о двух концах. Если пользователь привыкнет к браузеру, поддерживающему, скажем, формат файлов ВМР, он может включить нх в свои веб-страницы, а затем обнаружить, что остальные браузеры просто игнорируют всю его замечательную работу. У тета «1 яд> может быть еще несколько параметров. Параметр а11дп управляет выравниванием изображения относительно текста. Он может принимать значения гор (верх), тиЫе (центр), Ьоггот (низ).
Параметр а1т предоставляет текст, отображаемый вместо изображения, если пользователь запретил вывод изображений. Параметр 1звар является флагом, указывающим, является ли данное изображение активной картой. И наконец, мы подошли к гиперссылкам, использующим пару тегов <а> (апсйог — якорь) и </а>. У этого тега также могут быть различные параметры, из которых следует отметить ЬгеГ (гиперссылка, ()Ю ) и паве (имя гиперссылки).
Текст, располагающийся между тегами <э> и </а>, отображается на экране. Если этот текст выбирается, браузер открывает страницу, на которую указывает гиперссылка. Между тегами <з> и </э> можно также размещать изображение (тег <1шд>). В этом случае, если пользователь щелкнет на изображении, будет произведен переход по ссылке. Для примера рассмотрим следующий фрагмент НТМ1:текста: <а Ьгет-ьггр.//шшш.паза.доч> домашняя страница МАЙ </а> При отображении страницы с этим фрагментом на экране появляется следующая строка; омашняя ст ани а ХАБА Всемирная паутина (1ААйдй/) 7\ 7 Если затем пользователь щелкнет мышью на этом тексте, браузер обратится по сети к указанному () К(.
(Ьцр;//и/ивы/.паза.доч) и попытается получить там вебстраницу и отобразить ее на экране. В качестве второго примера рассмотрим следующую строку: <а Ьге/ Ьттр;//кват. паза.доч> <зад згс "зпцбг1е.01 П' а11-НАБА" > </А> При отображении этой страницы должно быть видно изображение (челночный воздушно-космический аппарат). Щелчок мышью на этом изображении будет иметь тот же результат, что н щелчок на подчеркнутом тексте в предыдущем примере. Если пользователь запретит автоматическое отображение изображений, вместо него будет показан текст «ХА5А». Тег <а> может содержать параметр палзе, что позволяет создать гиперссылку посреди текста, на которую можно ссылаться из другого места этой же страницы.
Например, некоторые веб-странпцы начинаются с оглавления, состоящего из «локальных» гиперссьтлок. Щелчок мышью на пункте оглавления позволяет быстро переместиться в нужное место страницы. НТМЕ продолжает развиваться. В первых двух версиях не существовало таблиц, они были добавлены только в НТМЕ 3.0.
НТМЕ-таблица состоит из нескольких строк, каждая из которых состоит из нескольких ячеек. Ячейка может содержать широкий спектр данных, включая текст, изображения и даже другие таблицы. Ячейки могут объединяться вместе, например, заголовок таблицы может охватывать несколько столбцов. Контроль составителей страниц над внешним видом таблиц ограничен. Последнее слово в таких вопросах, как выравнивание, стили рамок и границы ячеек, остается за браузерами. Реализация таблицы на языке НТМЕ показана в листинге 7.5, а ее возможное отображение браузером — на рис, 7.13.
Этот пример демонстрирует несколько основных возможностей НТМЕ-таблиц. Таблицы начинаются с тега <ЬаЬ1е>. Для описания основных свойств таблицы может быть предоставлена дополнительная информация. Листинг 7.5. НТМь-таблица <ЬГФ1> <Ьеаб> «11Г1е> Припер страницы с таблицей «/Гзвзе> </Ьеаб> <Ьобу> <тарп е Ьогбег-а11 гц1ез-а11> <сара!Ьп> Некоторые различия Ьпв1 версий </сарю оп> <со1 а11дп-1етт> <со1 а11дп-сепгег> <со1 а11дп-септег> <со1 а1!Оп-септег> <гг> <гп> Аспект <ть> нтмс 1.0 <тп>нтмс 2 0 <гп> нтмс 3,0 <ьь>нтмс 4.0</гг> <Гг> <ЬЬ> Гиперссылки <10> х <тб> х <гб> х<тб> х </Гг> <Гг> <ГЬ> Изображения <Ьб> х <Сб> х <Гб> х<бб> х</Ьг> <гг> <гь> списки <гб> х <тб х <тб> х гб> х</тг> <Гг> <тп> Активные карты и изобраиения <тб>бпЬзр;<ЬП>х<бб> х<тб> х</тг> <Гг> <ЬЬ> Форин <10>апбзр;<Гб> х <Ьб> х <Гб> х</тг> <Гг> «1Ь> Матеиатические выраиения <Во>апбзр;<Сп>апбзр:<тб> х <Ьб> х </Вг> <гг> <гь> панели инструиентпв <гз>апьзр:<гб>апьвр:<гб> х <вб> х </гг> 718 Глава 7.
Прикладной уровень Табпицы <Ьб>йпбар:<аб>дпбар:<аб> х <Ьб> х </Ьг> Доступность <Гб>йпбар:<Ьб>бпбар;<Ьб>акбар;<аб> х </1г> Внедренные обаекты <Ьб>йпбар;<г1>бпбар:<а1>апбар;<тб> х </тг> Скрипты «аб>йпбар;<ац>бабар;<ьб>йпбар;<аб> х </гг> <Ьг> <ап> <Ьг> <ЬЬ> <Сг> <ГЬ> <аг> <ьл> </Саб|е> </бобу> </пгв1> Некоторые различия версий Нтыь Рис. 7Л 3.