Графический файл в роли ссылки

Тема 10

Тема: Гипертекстовые ссылки. Создание обычной гиперссылки. Цветовая гамма HTML-документа. Изображения в HTML-документе. Вставка рисунков в таблицу.

Гипертекстовые ссылки.

Создание обычной гиперссылки.

В Интернете размещены миллионы электронных документов, часто похожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы казался бы делом трудным и утомительным, если бы не возможность связывания одного HTML-документа с другим с помощью гипертекстовых ссылок.

По сути, любая гипертекстовая ссылка-это указатель адреса в глобальной сети, по которому можно моментально перейти из окна браузера. Успешный переход по ссылке возможен в двух случаях: если ресурс, на который ссылается документ, существует и если структура гиперссылки верна с точки зрения HTML.

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

Любая гиперссылка состоит из двух важных частей: указателя ссылки и адреса ресурса, на который необходимо осуществить переход. Внешнее отличить гиперссылку от обычного текста очень просто: при наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем, как бы показывающим, что этот текст содержит гиперссылку. Сама ссылка подчеркивается (если указателем является текст).

В качестве ссылки может выступать текст (отдельное слово, фразы и даже целые страницы текста) и графические изображения. В ряде случаев возможно объединение графики и текста в рамках единого указателя ссылки. Указатель ссылки описывается тэгом <A>, а адрес перехода реализуется с помощью параметра HREF значением которого является путь к тому или иному Интернет-ресурсу (закрывающий тэг </A> является обязательным). Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:

<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>

Параметры элемента <A> представлены в таблице:

Атрибут	Функция
HREF	URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютным, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html).
TARGET	Определяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). blank - загружает гиперссылку в новом окне браузера. self – загружает содержимое страницы в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов.
TITLE	Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный.

Графический файл в роли ссылки.

Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):

Ссылки и цвет.

Для того, чтобы при наведении на ссылку курсором и при клике на нее она меняла свой цвет, в тэг <BODY> нужно добавить еще несколько параметров.

Атрибут	Функция
TEXT	Цвет текста.
VLІNK	Цвет гипертекстовой связи, уже посещенной прошлом. У программы просмотра есть такое свойство-она помечает другим цветом те ссылки, которые уже просмотрены. Однако с помощью вы можете принудительно поставить свой цвет.
LІNK	Цвет гипертекстовой связи.
ALІNK	Цвет активной ссылки, когда подводиться к ней курсор.

<BODY text="black" link="blue" vlink="purple" alink="red">

Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в тэге <BODY>.

Фильтры.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: