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

Описываются ссылки с помощью дескрипторов <A> и </A> . Если ссылка указывает на некую метку в пределах текущего документа, то описание ссылки будет выглядеть следующим образом:

<A HREF=#ИМЯ_МЕТКИ> Это ссылка на метку в документе </A>

Атрибут HREF указывает на имя метки в текущем документе.

На экране ссылка будет выглядеть следующим образом:

Это ссылка на метку в документе

Конечно, при этом необходимо в документе обозначить метку, для которой будет задана ссылка. Для этого используется дескриптор <A> c атрибутом <NAME>:

<A NAME=ИМЯ_МЕТКИ> Это метка </A>

На экране метка в отличие от ссылок ничем не выделяется среди остального текста.

Ссылки также могут указывать на другой документ, возможно, находящийся на другом конце света. Пример описания такой ссылки выглядит следующим образом:

<A HREF=URL> Это ссылка на другой документ </A>

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

<A HREF=URL#ИМЯ_МЕТКИ> Текст ссылки метку в другом документе </A>

URL может быть как относительным, так и абсолютным. Кроме того, ссылка может указывать не только на документ, но также и на изображения, двоичные файлы, звуковые файлы т.д. Поведение броузера при переходе по той или иной ссылке зависит от его конкретных настроек. Так, если ссылка указывает на документ, то он будет загружен, если же это звуковой или видеофайл, то он будет проигран. Если же это двоичный файл, броузер предложит его переписать на локальный диск.

Внедрение изображений

Использование изображений позволяет красочно оформлять Web–документы, сочетание текста и графики придает любой страничке приятный вид и наглядность.

Для вставки иллюстраций в документ используется дескриптор <IMG>:

<IMG SRC=ИМЯ_ФАЙЛА ALT=КОММЕНТАРИЙ>

Атрибут задает имя файла картинки. Имя файла может указывать на как локальный файл, так и на удаленный файл, для чего следует указать соответствующий URL. Файл может представлять собой статическое изображения и иметь графический формат, понимаемый броузером, либо динамическое изображение, представленное в формате GIF89A. В последнем случае в окне броузера файл будет выведен как анимация.

Атрибут ALT указывает на текст, который будет выводиться в окне броузера вместо изображения, если, например, броузер пользователя не поддерживает графику или же отключена опция загрузки изображений. Этот атрибут не является обязательным, однако его использование считается хорошим стилем при составлении Web–документов.

Часто при подготовке страничек с использованием графики случается, что желаемый размер изображения не совпадает с действительным. Например, необходимо поместить картинку на определенной площади с определенным размером. Для этого нужно использовать атрибуты WIDTH и HEIGHT, которые задают требуемые размеры изображения в ширину и высоту соответственно. Например, если необходимо поместить изображение большого размера на площади высотой в 100 и шириной в 200 пикселов, то в тело документа необходимо записать следующее:

<IMG SRC=ИМЯ_ФАЙЛАALT=КОММЕНТАРИЙWIDTH=200 HEIGHT=100>

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

Обилие графики в документе, с одной стороны, улучшает его общий вид, с другой стороны, существенно увеличивает время его загрузки. Чтобы найти компромисс между скоростью загрузки документа и его наглядностью, дизайнеры Web–страниц часто прибегают к такому приему: изображение размещают на страничке в меньшем формате и делают его ссылкой на себя. Если щелкнуть мышкой на таком изображении, то броузер загрузит его и отобразит в оригинальных размерах. Изображение–ссылка описывается в документе следующим образом:

<A HREF=ИМЯ_ФАЙЛА><IMG SRC=ИМЯ_ФАЙЛА АLT=КОММЕНТАРИЙ WIDTH=200 HEIGHT=100></A>

Интересной возможностью представляется «обтекание» изображение текстом. Это весьма популярный способ оформления Web–страниц. При этом на экране картинка окружена текстом, например, слева и снизу. «Обтекание» текста достигается использованием атрибута ALIGN, который имеет такие параметры, как:

LEFT – текст будет охватывать изображение слева-снизу.

RIGHT – текст обхватывает изображение справа-снизу

TOP – изображение окружено текстом справа-сверху

BOTTOM – изображение окружено текстом справа-снизу