Ссылки HTML

Что можно сказать о ссылках в html?

Да что о них говорить. Все очень просто. Для создания ссылок в html используется тег <a>. Он идет в паре с закрывающим тегом </a>. Между ними может присутствовать текст или картинка, как здесь.

Существует три способа использования данного тега:

1. для создания абсолютной ссылки. В этом случае в адресном поле указывается значение URL, куда ведет ссылка. Такой адрес доступен отовсюду, где есть подключение к сети интернет (/site-creation/html/16-uchebnik-html-blochnaya-verstka.html).

2. для создания относительной ссылки. При этом в поле адреса прописывается путь к другому документу, относительно текущего документа. К примеру, создавая веб-страницу, html документ, можно прописать путь к рисунку, который лежит в той же папке. Для этого достаточно указать адрес рисунка, без всяких URL (Мои документы/Папка моего сайта/ picture.jpg)

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

Как же все это дело делается?

Параметр HREF

Что бы ссылка заработала ей нужен адрес, куда она будет вести. Для задания адреса используется параметр href. С его помощью, как уже говорилось выше, можно создавать абсолютные и относительные ссылки.

Синтаксис

Параметр href находится внутри тега <a>. За ним следует знак равенства и в кавычках адрес.

< a href=»/»> Абсолютная ссылка</a>
< a href=»picture.jpg»> Относительная ссылка</a>

Параметр NAME. Якорь в html документе

Для создания якоря html используется атрибут name (имя). Сначала вы ставите якорь с уникальным именем, а затем в другом месте своего документа ставите ссылку на данный якорь.

Синтаксис.

Создание html якоря делается с помощью тега <a>, внутри которого прописывается параметр name. Затем знак равно и в кавычках уникальное имя якоря. При этом между открывающим и закрывающим тегами можно не писать никакого текста.

В ссылке на якорь необходимо поставить знак # и указать имя якоря.

<a name=»top»></a>
<a href=»#top»>Наверх</a>

Еще один важный параметр TITLE

С помощью title вы даете своей ссылке название, оно возникает, когда курсор находится над ссылкой. Название ссылки в title может отличаться от текста самой ссылки, не путайте их. Это параметр, конечно, можно не использовать, но иногда он очень пригождается.

<a title=»текст подписи к ссылке»>…текст самой ссылки…</a>

И последний параметр TARGET

Используя target, вы можете управлять тем, как будет открываться ссылка. По умолчанию она открывается в том же окне. Но, изменяя значения target, вы можете заставить браузер открыть ее в новом окне.

Значения для Target:

_blank — открывает ссылку в новом окне браузера

_self — открывает в текущем окне

<a target=»значение параметра»>…</a>
Полностью ссылка со всеми параметрами выглядит так:
<a href=»/» target=»_blank» title=»web-lesson.ru»>Главная страница сайта</a>
А работает так: ЖМИ ПО ССЫЛКЕ (откроется в новом окне)

 

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*