Уроки HTML

Ссылки

Наличие гиперссылок, наверное, это самое главное отличие WEB-страницы от обычного книжного текста.

Давайте рассмотрим какие бывают ссылки и как они задаются с помощью HTML.

Ссылки формируются тегами <a></a>. Элемент <a> может иметь следующие атрибуты:

name: Обозначает имя якоря. Он используется для организации перехода в конкретное место на странице. Например, ваша страница имеет несколько глав. Дла организации быстрого перехода по главам надо написать следующий код:

<a href="#chapter1">Глава 1</a>
<a href="#chapter2">Глава 2</a>
...
<h3><a name="chapter1">Глава 1. Название первой главы</a></h3>
... текст первой главы
<h3><a name="chapter1">Глава 1. Название второй главы</a></h3>
... текст второй главы
...

href: Данный атрибут служит для формирования ссылки, т.е. он содержит путь к документу, на который необходимо сделать ссылку.

title: В атрибуте title должна указываться информация про ссылку. Эта информация находится в сплывающей подсказке при наведении курсора на ссылку.

target: Указывает, как будет открываться ресурс по данной ссылке. Например, для того чтоб он открывался в новом окне броузера, атрибуту target следует присвоить значение _blank.

Все ссылки можно разделить на относительные и абсолютные. Например, относительная ссылка может иметь вид:

<a href="index.htm">Главная</a>

т.е. в атрибуте href указывается сокращенный URI, который задается относительно той страницы, на которой находится данная ссылка. В данном примере страница index.htm должна находиться в том же каталоге, что и страница, содержащая эту относительную ссылку

Пример абсолютной ссылки:

<a href="http://www.sr-pro.narod.ru/index.htm">Главная</a>

т.е. в атрибуте href указывается полный URI, так что данная ссылка будет работать на любой странице любого сайта.