Главная HTML Теги ссылок

Теги ссылок

Ссылка - это главное, что отличает Интернет-страницу от простого текста с иллюстрациями.

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

Для вставки ссылки используется парный тег <a>...</a>

Чтобы превратить выбранный фрагмент на странице в гиперссылку, достаточно заключить его в контейнер имеюшим вид:
<A HREF="адрес"> текст </A>

<a href = "https://wikipedia.org"> Википедия </a>

Параметры ссылки
  • <a href="адрес_ссылки" target="окно" title="текст"> текст_ссылки </a>
  • <a href="адрес_ссылки"> < img scr="адрес_картинки"> < /a >
  • <a href="#якорь"> текст ссылки </a>

 

Атрибуты тега <a>

1. Атрибут href =

Атрибут href - обязательный атрибут тега <a>.
Атрибут href указывает ссылку на веб-страницу либо определяет место на той же веб-странице, куда пользователь перейдет после нажатия на ссылку.

Для переходов на текущей странице ипользуется символ #.

Атрибут href="url"

1) <a href="url">текст ссылки</a>
2) <a href="url">картинка</a>
3) <a href="#якорь">текст ссылки</a>

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

2
<a href="index.html">
<img src="images/logo.png">
</a>

3
<a href="#top">вверх</a>

3.1
Посмотрите <a href="#s-link">Пример ссылки</a> на этой странице.

(На странице в то место, куда нужно передти по ссылке, прописан наш "якорь"
<a name="s-link"></a>)

3.2
Как создать свою <a href="index.html#srt1">первую страничку?</a>

Результат примера
1 (ссылка - текст)

2 (ссылка - картинка)

Лого

3 (переход на верх страницы)

3.1 (якорь на странице)
Посмотрите Пример ссылки на этой странице.

атрибут <a name="якорь"></a> устарел
Исрользуйте <div id="якорь"></div>


3.2 (якорь в другом документе)
Как создать свою первую страничку?


2. Атрибут title =

title = "текст всплывающей подсказки".
Текст подсказки появляется при наведении на ссылку.

<a href="#top" title="Переход на верх страницы">вверх</a>

3. Атрибут target =

Атрибут target указывает браузеру, в каком окне открывать документ (по умолчанию ссылки открываются в текущем окне).

Значение атрибута target:

  • _blank открывает ссылку в новом окне.
  • _self открывает ссылку в текущем окне.
  • _parent открывает документ в родительском фрейме.
  • _top отменяет все фреймы и открывает документ в полном окне браузера

<a href="#top" target="_blank" title="Переход на начало страницы в новом окне">ссылка с подсказкой</a>

ссылка с подсказкой

  <base target = "имя_окна"> - определяет окно, в которое будет загружаться веб-страница, открытая по любой ссылке в текущем докутенте HTML.

<html>
 <head>
  <base target = "имя окна">
 </head>
...