Структура ссылок в HTML-документе

Выше был рассмотрен формат URL. Для того, чтобы браузер отобразил ссылку на URL в HTML-документе, необходимо отметить URL специальными тегами. Синтаксис HTML, позволяющий это сделать следующий:

<A HREF="URL"> текст-который-будет-ссылкой</A>

Тег <A HREF="URL">открывает описание ссылки, а тег </A> - закрывает его. Любой текст, находящийся между данными двумя тегами подсвечивается специальным образом Web-браузером. Обычно этот текст отображается подчеркнутым и выделяется синим (или другим заданным пользователем) цветом. Непосредственно сам URL, не отображается браузером в документе (может отображаться в строке статуса браузера), а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). Вот пример ссылки:

<A HREF=" www . is . sevntu . sebastopol . ua / webprogramming / first . html "> Ваша первая Web-страница </A>

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

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

Для якоря, как и для ссылки, используется тег <A>, но без атрибута HREF, a с атрибутом NAME:

<A NAME="named_anchor"> Текст-который-отобразится-в-первой-строке-браузера </A>

Для создания ссылки на этот якорь из этой же страницы в атрибуте HREF ссылки укажем имя якоря после символа #:

<A HREF="#named_anchor"> Текст </A>

Якорь может быть поставлен как в том же документе, который просматривается в текущий момент, так и в другом документе. Во втором случае в ссылке на этот якорь необходимо перед “#” указать полный URL документа. Тогда браузер осуществит загрузку указанного документа и перейдет к указанному якорем разделу. Например:

<A HREF="www.is.sevntu.sebastopol.ua/webprogramming/second.html#anchor">


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



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