Ссылки (гиперссылки) онлайн урок.



Рассмотрим теги, которые позволяют создавать гиперссылки. Гиперссылки - это ссылки на другие веб-страницы. Для простоты будем их называть просто ссылками.

Тег, который отвечает за создание ссылки, называется <a>. Этот тег относится к строковым элементам. Он имеет обязательный атрибут href (сокращение - hypertext reference) в котором необходимо указывать адрес, куда будет осуществляться переход. Необязательными атрибутами являются target (будет ссылка открыта в новой вкладке, или же в текущей) и title (всплывающая подсказка при наведении курсора на область ссылки).

<a href='http://google.com/' title='Take me to Google' target='_blank'>Go!</a>


Атрибут href может принимать как относительные так и абсолютные адреса. Про них мы рассказывали в предыдущем уроке. Абсолютные адреса используют когда необходимо создать ссылку на другой сайт или ресурс другого сайта, а относительные используют, как правило, для ссылок на внутренние страницы своего сайта (хотя можно использовать и абсолютные пути).

Значения атрибута target позволяет определить, где будет загружен новый документ - в новой вкладке или в текущей:

  • target='_blank' - в новой вкладке

  • target='_self' - в текущей вкладке





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

<a name="top"></a>


Далее, в конце документа можно разместить ссылку на эту закладку:

<a href='#top'>Go up</a>


Тогда, при клике по этой ссылке, мы попадем на участок веб-документа, где был оставлен якорь.

Проверьте свои знания
В веб-документе предыдущего задания сделать картинку с планетой - ссылкой, которая ведет на страницу с результатом поиска в Google по слову Earth. Ссылка должна открыться в новой вкладке.