33. Гиперссылки в html. Простой переход к ресурсам, ссылки на другие службы, навигация в пределах документа.

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

Для создания гиперссылки используется парный тег А. Текст, изображение или другой элемент, заключенный между этими тэгами, становится представлением гиперссылки в документе. Браузеры обычно выделяют гиперссылки в документе, например: цветом, подчеркиванием, меняют форму указателя мыши при наведении на гиперссылку.

Простой переход к ресурсам

Действием браузера при переходе по гиперссылке является открытие указанного HTML-документа в том же или в другом окне.

Для создания простейшей гиперссылки нужно в качестве значения атрибута href элемента A указать URL нужного ресурса.

<A href=”1.html”>Первая страница сайта</A>

Необходимо помнить, что содержимым гиперссылки не может быть другая гиперссылка.

Ссылки на другие службы

При использовании гиперссылок указывать протокол HTTP при указании ресурса URL необязательно, так как он применяется по умолчанию.

При создании ссылок на такие ресурсы, как: группы новостей, файлы на сервере, почтовые службы протокол работы отличен от HTTP:.

FTP:

Этот протокол используется на некоторых серверах-хранилищах файлов. Указание Url для доступа к ресурсу по этому протоколу отличается лишь наименованием протокола: ftp://file_storage.com

Навигация в пределах документа

Одним из ключевых понятий, которое используется применительно к гиперссылкам является якорь ссылки. Гиперссылка имеет два якоря: начальный и якорь назначения. Соответственно этому осуществляется переход по гиперссылке – от начального якоря к якорю назначения. Якорем назначения в предыдущих примерах являлись указатели ресурса URL.

Части документов, на которые могут быть установлены гиперссылки, выделяются специальным образом: с этими частями связываются якоря, которые и используются в последствии в гиперссылках. Рассмотрим один из способов создания якоря в документе. Для этого используем элемент А с указанием в качестве значения его атрибута name идентификатора якоря. Идентификатор должен быть уникальным в пределах HTML-документа.

Пример создания якоря с именем par1, который связан с заголовком – началом первого раздела документа:

<A name=”par1”><H1>Раздел1</H1></A>

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

<A href=” #par1”>Раздел1</A>

Если надо осуществить переход к рассматриваемому якорю из другого документа (пусть файл с якорем называется chapter2.html), то можно записать элемент А так:

<A href=”chapter2.html#par1”>Раздел1</A>

34. Вставка в текст изображений. Изображения – гиперссылки, типы графических файлов, позиционирование.

Вставка на страницу графического изображения из файла графического формата производится с помощью тэга <IMG> (от англ, image — изображение) с указанием адреса файла в качестве аргумента атрибута SRC:

<IMG SRC="адрес_графического_файла">

Адрес графического файла — это либо URL-адрес, либо имя файла, возможно, с указанием пути. Например, для показа графического файла logotip.jpg следует написать тэг <IMG SRC="logotip.jpg">

Список атрибутов:

• Scr –задает URL изображения

• Alt – альтернативный текст, который отображается на месте изображения, если изображение по каким-то причинам не показано

• Border - Толщина границы вокруг рисунка в пикселях

• Align – выравнивание изображения

• Height – высота изображения в пикселях

• Width – ширина изображения

• Vspace – величина свободного пространства между изображением и текстом снизу

• Hspace - величина свободного пространства между изображением и текстом справа и слева

• Name – идентифицирует изображение так, что на него могут ссылаться различные сценарии.

Графика обычно используется вместе с текстом, поэтому возникает задача выравнивания текста и графического изображения. Эта задача решается с помощью атрибута ALIGN тэга <IMG> с применением различных аргументов. Например, мы можем пожелать, чтобы текст обтекал картинку справа или слева. Обычно картинка встраивается вплотную с текстом, что может быть некрасиво. Во избежание этого, можно задать пустые поля вокруг иллюстрации. Поля создаются с помощью атрибутов VSРАСЕ для верхнего и нижнего полей и НSPACE для боковых полей в тэге <IMG>. Аргументы этих атрибутов указываются в виде чисел, определяющих размеры полей в пикселах. Для отмены обтекания графики текстом служит тэг <BR CLEAR=. . . >.