Читать онлайн «TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security)». Страница 101

Розы — красные, <BR>

Фиалки — голубые.<BR>

Неупорядоченный список выводится как последовательность помеченных элементов. Например:

<UL>

<LI> Яблоко

<LI> Груша

</UL>

В версии 3 определен необязательный заголовок списка и тег конца элемента:

<UL>

<LH>Виды фруктов</LH>

<LI>Яблоко</LI>

<LI>Груша<LI>

</UL>

Упорядоченные списки имеют такую же структуру, но элементы нумеруются:

<OL>

<LH>Это упорядоченный список.</LH>

<LI>Первый элемент.

<LI>Следующий элемент.

</OL>

Как и раньше, тег конца элемента списка (</LI>) и заголовок списка (<LH> ... </LH>) необязательны.

Список определений является последовательностью терминов и их определений:

<DL>

<LH>Терминология WWW</LH>

<DТ>Язык разметки гипертекста (HTML)

<DD>Язык форматирования для записи гипертекстовых документов. Теги документа

идентифицируют такие элементы, как заголовки, абзацы или списки.

<DТ>Протокол пересылки гипертекста (HTTP)

<DD>Протокол для запроса и пересылки гипертекстовых документов.

</DL>

При выводе это будет выглядеть как:

Терминология WWW

Язык разметки гипертекста

 Язык форматирования для записи гипертекстовых документов. Теги документа

 идентифицируют такие элементы, как заголовки, абзацы или списки.

Протокол пересылки гипертекста.

 Протокол для запроса и пересылки гипертекстовых документов.

Списки любого типа могут быть вложенными.

Для выделения отдельных частей документа можно воспользоваться горизонтальным разделителем, который пересекает всю ширину выводимой страницы:

<P><HR></P>

Иногда нужно получить текст, размещенный точно так же, как он был введен. Тег предформатирования (<PRE>) указывает браузеру на вывод текста "как есть":

<PRE>

 Этот текст будет показан так,

 как написан, включая отступы.

</PRE>

Цитируемый блок текста (block quote) — еще один способ выделения фрагмента в тексте. Обычно это делается сдвигом вправо всего блока. В версии 2 применяется тег <BLOCKQUOTE>.

<BLOCKQUOTE>

 Это — цитируемый блок.

 Возможно, он будет выведен пользователю сдвинутым вправо.

</BLOCKQUOTE>

В версии 3 название тега сокращено до <BQ>.

Иногда требуется выделить фрагмент текста особым образом, например полужирным шрифтом или курсивом. Это можно сделать двумя способами:

1. Оставить детали вывода на усмотрение браузера

<ЕМ> Обычно выводится курсивом. </ЕМ>

<STRONG> Обычно выводится полужирным шрифтом. </STRONG>

<CODE> Обычно отображается моноширинным шрифтом. </CODE>

2. Явно указать способ изображения текста:

<I> Вывести курсивом. </I>

<В> Вывести полужирным шрифтом. </В>

<U> Подчеркнуть текст. </U>

<S> Перечеркнуть текст. </S>

<TT> Вывести моноширинным шрифтом (как на пишущей машинке). </TT>

<SUB> Подстрочными символами. </SUB>

<SUP> Надстрочными символами. </SUP>

Версия 3 имеет много дополнительных свойств, обеспечивая автору разнообразные возможности по управлению выводом текста клиенту.

Чтобы включить в документ ссылку, нужно:

■ Использовать теги начала и конца ссылки

■ Указать URL связанного со ссылкой документа

■ Обеспечить метку для щелчка мышью (обычно выводится подчеркиванием или голубым цветом).

Ниже показан пример ссылки. Символ А определяет название тега, именуемого точкой привязки, или якорем. Параметр HREF идентифицирует элемент, через который выполняется ссылка. Текст перед разделителем </А> становится меткой для щелчка мышью на этой ссылке:

<А HREF= "http://www.abc.com/wwwdocs/showme.html">Щелкните здесь для вывода

 дополнительных сведений</А>

Не всегда нужно записывать полный URL для связанного документа. Предположим, что документ showme.html содержит ссылку на файл more.html из того же каталога. Тогда можно записать ссылку как:

<А HREF = "more.html">дополнительные сведения</A>

Такой способ называется указанием относительного пути. Его можно применять и для подкаталогов текущего каталога.

Можно создать ссылку на документ локального хоста. Например, ссылка на локальный документ DOS выглядит как:

<А HREF = "file:///c:\webdocs\home.htm">Документ локального хоста</А>

Для извлечения такого документа нет надобности в протоколе HTTP. Отметим, что имя хоста не указано — между косыми чертами (///) ничего нет.

Допустимо ссылаться на отдельные места того же самого документа. Сначала маркируется нужное место. В версии 2 это выполняется вставкой точки привязки с использованием параметра NAME:

<A NAME = "Раздел3"> 3. Самолеты </А>

Затем создается ссылка на это место документа путем указания перед его именем символа диез:

См. <А HREF = "#Раздел3"> обратитесь к разделу три </А> за дополнительной информацией.

Если пользователь щелкнет мышью на подчеркнутой фразе (обратитесь к разделу три), клиент "перескочит" на заданное место документа.

В версии 3, вместо маркировки позиции в документе специальным тегом, можно добавить идентификатор к любому уже существующему тегу. Например, ниже мы добавляем идентификатор для тега Н2:

<Н2 ID = "Раздел3"> 3. Самолеты </Н2>

Тег IMG служит для вставки изображения в документ. Тег содержит параметр SRC, который определяет URL для файла, имеющего изображение. URL изображений выглядит как любые другие URL. Ссылка на изображение будет выглядеть как:

<IMG SRC = "http://www.abc.com/wwwdocs/ourlogo.gif">

<IMG SRC = "bigpic.jpeg">

<IMG SRC = "file:///c:\webdocs\building.gif">

Ha WWW-страницах часто используются изображения в формате для обмена графикой (Graphics Interchange Format — GIF). Для сжатия точечных (растровых) изображений служит формат перемещаемой сетевой графики (Portable Network Graphics — PNG). Еще одним популярным форматом является формат объединенной экспертной группы по фотографии (Joint Photographic Experts Group — JPEG). Он был разработан для сжатия фотографических изображений, но иногда используется и для других типов графики.

Не имеющие графических возможностей браузеры будут игнорировать теги IMG, если только в них не указан параметр ALT. Например:

<IMG SRC = "bigpic.jpeg" ALT = "Памятник Вашингтону">

Вместо изображения текстовый браузер выведет строку "Памятник Вашингтону".

Чтобы хорошо изучить HTML, нужно познакомиться с исходными кодами документов. Обычно браузер имеет для этого специальный режим, иначе придется сохранить документ на диске и затем просмотреть его в обычном текстовом редакторе.

Как и в gopher, извлечение гипертекстового документа достаточно просто. Как показано на рис. 19.3, клиент соединяется с сервером WWW, извлекает часть документа (обычно ее называют страницей. — Прим. пер.) и закрывает соединение. Браузер выводит извлеченную страницу, а пользователь может выполнять следующую операцию.

Рис. 19.3. Браузер извлекает страницу гипертекста с сервера WWW.

Сервер WWW, предоставляющий только текстовые документы, работает очень эффективно и может поддерживать множество пользователей. Однако объем информации резко увеличивается при работе и перемещении графических изображений или звуковых файлов. Эти объекты имеют значительный размер, и для их пересылки требуется большее количество ресурсов сети и центрального процессора, чем для обмена обычными текстовыми файлами. Более того, некоторые запросы вызывают программы, формирующие ответную информацию. Для этого нужно еще больше системных ресурсов.