| <A> |
|---|
| <тэг a> |
|---|
Тэг <a>
Для создания в HTML гиперссылки предназначен тег <a>, и не важно куда ведут ссылки, либо на сторонний сайт, либо на другую страницу сайта, либо на конкретную строку страницы.
Тег <a> — парный, и требует, в обязательном порядке закрывающего тэга — </a>
Обязательным атрибутом является — href или name
Атрибут <href> указывает адрес вэб-страницы, на которую следует перейти, например:
<a href="http://vlmenshikov.ru/html/">Текст, при нажатии на который происходит переход</a>
На страницу сайта, или:
<a href="http://vlmenshikov.ru/html/#topPage">Текст, при нажатии на который происходит переход</a>
Для перехода на определенную строку данной страницы, предварительно, в том месте куда должен быть осуществлен переход, как правило это место называют — «Якорь», следует разместить тэг <a> с атрибутом name :
<a name="topPage">Текст, при нажатии на который происходит переход</a>
Адрес внутреннего перехода можно указывать, как прямо (абсолютная ссылка), так и относительного каталога, в котором размещена страница, к примеру, что бы перейти к картинке pic.png, расположенной в директории «images» из каталога «articles/my_post_1.html»
следует указать
<a href="../images/pic.png">Текст, при нажатии на который происходит переход</a>
Две точки вначале указывают, что нужно выйти из текущего каталога, а после них указан полный путь к картинке.
Если же нужно перейти на страницу, расположенную в том же каталоге, достаточно ввести:
<a href="template/my_post_2.html">Текст, при нажатии на который происходит переход</a>
или
<a href="my_post_3.html">Текст, при нажатии на который происходит переход</a>
Также можно использовать ссылку для отправки письма на Ваш почтовый адрес, в этом случае код будет выглядеть следующим образом:
<a href="mailto:my_pochta@mail.ru">Написать мне письмо</a>
Остальные часто используемые атрибуты перечислены в таблице.
| Атрибут | Описание | Допустимые значения | Пример |
|---|---|---|---|
| href | Указывает адрес для перехода — обязателен для ссылок | URL-абсолютный, URL-относительный URL+#Идентификатор MAILTO:почтовый адрес |
<a href="http://vlmenshikov.ru/html/"> |
| name | Указывает где будет открыта ссылка — обязателен для «якорей» | Идентификатор | <a name="topPage"> |
| target | Идентификатор, указывает строку для перехода | _self Открывает ссылку в текущем окне (используется если не указан другой параметр) _blank Открывает ссылку в новом окне браузера _parent Открывает ссылку в текущем окне, с сохранением истории _top Открывает ссылку в текущем окне, без сохранения истории |
<a target="_self"> |
| title | Выводит подсказку, при наведении курсора на ссылку | Текстовое описание | <a title="Новая ссылка"> |