ГИПЕРССЫЛКИ

advertisement
A ГИПЕРССЫЛКИ
Что такое гиперссылка?
Отличительной особенностью гипертекстовых и гипермедиа- документов являются
активные ссылки на другие документы (гиперссылки). Ссылкой может быть как текст, так
и рисунок. При наведении мыши на ссылку курсор принимает форму руки, щелкнув
мышью можно открыть в окне браузера документ, связанный с этой ссылкой.
Ссылка устанавливается с помощью парного тэга
<A HREF="зн1" TARGET = "зн2" > текст гиперссылки или картинка </A> (от
английского anchor - якорь).
Атрибуты
HREF,– определяет находящийся между начальным и конечным тегами текст или
изображение как гипертекстовую ссылку (URL,) на документ (и/или область документа),
указанный в значении данного атрибута. Возможные значения
<A HREF="docs/title.html">Документация</A>
TARGET, - говорит браузеру, где открывать окно. После него может стоять имя
открытого окна (если такого окна нет, то открывается новое окно с таким именем) или
одно из следующих значений
 _blank — открыть в новом окне
 _parent — открыть в родительском окне
 _top — открыть на полном экране
Последние два значения используются при работе с фреймами. Например, ссылка на сайт
www.mail.ru, который всегда открывается в новом окне, сделана так:
<A HREF="index1.htm" TARGET="_blank">страница1</A>
Ссылки на другие страницы сайта
Если связанный документ находится на том же компьютере, что и текущая страница, надо
указывать его относительный адрес (относительно текущей). Категорически не
рекомендуется указывать имя диска и абсолютный путь к файлу, потому что при переносе
сайта на другой компьютер или в другой каталог такие ссылки не будут работать.
Для ссылки на документ в текущем каталоге надо указать только имя файла, например,
ссылка на страницу Таблицы выглядит так:
<A HREF="table.htm"> Таблицы </A>
Ссылка на документ index.html в подкаталоге primer запишется в виде:
<A HREF="primer/index.html"> Примеры </A>
В относительный путях можно использовать символы .., которые обозначают выход из
текущего каталога в надкаталог. Например, ссылка
<A HREF="../text/index.htm"> Примеры </A>
связана с файлом index.html в каталоге text, который расположен рядом с текущим.
Обратите внимание, что слэш, разделяющий названия каталогов, должен быть наклонен
вправо для совместимости с обозначением путей в системе UNIX и ей подобных.
Ссылки на сайты в Интернете
Для того, чтобы сделать ссылку на сайт в Интернет, надо указать полный URL документа,
включая протокол, сайт, каталог и имя файла. Например, ссылка Колонка, связанная с
файлом http://www.gazeta.ru/kolonka.shtml, сделана так:
<A HREF="http://www.gazeta.ru/kolonka.shtml">Колонка</A>
Если в адресе указаны только протокол и адрес сайта, открывается главная страница
сайта, которая обычно имеет имя index.htm, index.html или default.htm (это зависит от Webсервера на этом сайте).
Ссылки внутри страницы
Язык HTML позволяет делать ссылки внутри страницы, а также в любую часть этой же
или любой дроугой страницы. Для этого в нужном месте надо установить «якорь» — тэг
<A> с параметром NAME, который задает имя или метку. Вот как выглядит переход на
подраздел Ссылки на другие страницы сайта этой страницы:
<A HREF="#otherrefs"> "Ссылки на другие страницы сайта"</A>
Чтобы ссылка сработала, в нужном месте надо установить «якорь»:
<A NAME="otherrefs"></A>
Имя otherrefs — это метка якоря, при обращении к ней в параметре HREF надо поставить
знак #, который говорит, что это метка, а не имя файла.
Можно также перейти на любую метку в другом файле. Например, переход на метку
font_tag в файле texts.htm, где описаны параметры тэга FONT, выглядит так:
<A HREF="texts.htm#font_tag">
параметры тэга FONT</A>
Конечно, в нужном месте файла texts.html должен стоять «якорь» с именем font_tag:
<A NAME="font_tag"></A>
Цвет гиперссылок
По умолчанию ссылки выделяются синим цветом и подчеркиваются. Ссылки на
документы, которые вы уже посетили, выделяются фиолетовым цветом. Изменить эти
цвета можно прямо в параметрах тэга <BODY>:
<BODY LINK="red" VLINK="#00FF00" ALINK="blue">
Параметр LINK обозначает цвет обычной ссылки, VLINK — цвет посещенной ссылки,
ALINK — цвет ссылки, над которой находится курсор мыши.
Download