logo
СС ЭВМ лекция

4.1.6. Вставка гиперссылок

Текстовые и графические ссылки могут указывать на удалённые разделы в пределах одного большого документа. Для таких ссылок необходимо создать две части: якорь и непосредственно ссылку. Якорь определяет ту точку, в которую организуется переход из места расположения ссылки. Ссылка использует имя якоря вместо имени файла. Задаётся в теге <A HREF=”#Якорь”> </A>. Перед именем якоря указывается специальный символ #. Между открывающим и закрывающим тегами располагается текст ссылки, на котором производится щелчок для перехода по ссылке. В месте расположения якоря ставится открывающий тег <A NAME=” Якорь”>. Между открывающим и закрывающим </A> тегами вводится текст, который будет показан на экране.

Пример 3.

<HTML>

<HEAD>

<TITLE>

Ссылки в пределах одного документа

</TITLE>

</HEAD>

<BODY>

<CENTER>

<H1>Ссылки в пределах одного документа</H1>

<P>

<OL>

<LI><A HREF=”#Малина”>Mалина</A>

<LI><A HREF=”#Яблоко”>Яблоко</A>

<LI><A HREF=”#Арбуз”>Арбуз</A>

<P>Длинный абзац с текстом, после которого расположены пояснения к ссылочным словам

</P>

<P>

<B><A NAME=”Малина”>Малина</A>садовая</B><Br>

Это ягода. Она сочная и сладкая. Спелая малина имеет красный цвет

<P>

<B><A NAME=”Яблоко”>Яблоко</A>осеннее</B><Br>

Это фрукт. Осенние яблоки это спелые плоды. Иногда красные, иногда красно-белые, иногда бело-зелёные

<P>

<B><A NAME=”Арбуз”>Арбуз</A>бахчевой</B><Br>

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

</BODY>

</HTML>

Место размещения файла определяется с помощью URL-адреса, который называют путём поиска. Абсолютный путь поиска описывает местоположение файла, начиная с самого высокого уровня. Относительный путь поиска описывает местоположение файла, начиная с того места, в котором находится текущий документ.

Ссылка на другую страницу с именем "СatGraph", размещенную по адресу "http://www.cat.lv", будет иметь вид:

<A HREF="http://www.cat.lv">CatGraph</A>

Ссылка на графический файл "lis.gif", размещенный по адресу "http://www.lis.lv/~cat5", будет иметь вид:

<A HREF="http://www.lis.lv/~cat5">Cat5</A>

Ссылка на адрес электронной почты "david@lis.lv" будет иметь вид:

<A HREF="mailto:david@lis.lv">Напишите мне письмо</A>

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

<A HREF="имя файла#имя метки"> Название ссылки </A>. Например, <A HREF="index.htm#имя метки">Название ссылки</A>