Технология HTML – гиперссылки

Гиперссылка – это указание адреса HTML-документа (или другого ресурса Интернет), к которому можно перейти от текущего документа при активизации этой гиперссылки. Для вставки ссылки в документ используются теги <A HREF=URL-адрес> и </A>, между которыми вводится текст самой ссылки, отображаемый в браузере и используемый для перехода. Он будет выделен цветом (по умолчанию – синим) и подчеркнут. Значение параметра HREF – это адрес той страницы или того ресурса, на который производится ссылка. Например:

<A HREF = http://www.spbstu.ru/mmf/index.html> </A> - ссылка на сайт ММФ.

Ссылку можно создавать и в виде графического изображения. В этом случае между тегами <A> и </A> вставляется команда <IMG>. Например:

<A HREF=”httр://www.spbstu.ru/mmf/index.html”>

<IMG SRC=”pic1.gif”></A>

Если создается ссылка на страницу, расположенную на том же сервере, что и исходная страница, то в URL не включается доменное имя. Например,

Это ссылка на страницу <A HREF=”page2.html”>page2</A>

Это ссылка на рисунок <A HREF=”image/picture.jpg”>picture</A>

В первом случае создается ссылка на страницу page2.html, расположенную в том же каталоге, что и исходный документ, во втором – создается ссылка на рисунок picture.jpg из подкаталога image.

Иногда возникает необходимость создавать так называемые внутренние ссылки, т.е. ссылки внутри страницы на отдельные разделы:

<A HREF=”#1”>Параграф 1</A><BR>

<A HREF=”#2”>Параграф 2</A><BR>

<A HREF=”#3”>Параграф 3</A><BR>

<P>

<A NAME=”1”>Параграф 1</A><BR>

(текст первого параграфа)<BR>

<A NAME=”2”>Параграф 2</A><BR>

(текст второго параграфа)<BR>

<A NAME=”3”>Параграф 3</A><BR>

(текст третьего параграфа)<BR>

Здесь Параграф 1, Параграф 2, Параграф 3 – названия разделов; 1, 2, 3 – имена закладок, на которые нужно перейти с соответствующих ссылок.

Для создания ссылки на адрес электронной почты следует добавить перед адресом запись mailto:. Например, с помощью ссылки

<A HREF = ”mailto:eurorobot@mail.ru”> здесь </A>

щелчком по слову здесь можно послать письмо по адресу eurorobot@mail.ru.


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



double arrow
Сейчас читают про: