Ссылки

Ссылки или гиперссылки – это одна из важнейших частей html. Они позволяют быстро перемещаться от одного документа к другому, именно гиперссылка связывают все web-страницы в единую сеть.

Существует два вида гиперссылок, один из этих видов "внешние ссылки". Внешние ссылки добавляется с помощью тега <a></a> от английского слова якорь anchor , ссылка имеет атрибут href, который служит для того чтобы мы с вами могли переходить из одной страницы на другую, в значении href указывается путь куда мы переходим, пример:

<a href=”files/index.html”>Ссылка</a>

Пути так же могут быть относительными, как выше на примере, т.е. относительно от страницы и абсолютный путь, это когда у вас уже есть адрес сайта и вы пишите полный путь.

<a href=”http://mysite/index.html”></a>

Существует еще 3 атрибута у ссылки, которые задают цвет, link(не посещённая), vlink(посещенная) и alink(в момент нажатия), пример:

<a href=”files/index.html” link=”red” vlink=”green” alink=”blue”>Ссылка</a>

Также существует ещё атрибут target, он позволяет нам настроить как должна открыться ссылка, либо в новом окне, либо в этом же или в новой вкладке. Значение атрибута _blank указывает на открытие в новой вкладке. Атрибут title служит для подсказки, значение этого атрибута будет сплывать, когда пользователь наведет указатель мыши на ссылку.

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

<a href=”file.zip”>Скачать</a>

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

Для начало нужно разместить идентификатор на блоке к которому мы будем возвращаться, пример:

<p id=”begin”>Начало странцы</p>

Как идентификатор был размещен в низу страницы размещаем якорную ссыку, пример:

<a href=”#begin”>Верх</a>

Так же якорные ссылки можно использовать и для перемещения на другие страницы, пример:

<a href=”feedback.html#begin”>Верх</a>

Если мы нажали на такую ссылку то сразу переместились на страницу feedback на ту часть где расположен идентификатор begin.

Ссылки на E-mail, они служат для того чтобы можно было отправлять почту напрямую, допустим администратору сайта, пишутся они так:

<a href=”mailto:akim@mail”>Отправить письмо</a>

Где mail – это у нас почта, to – куда, а после двоеточия пишется адрес. При щелчке на ссылки будет у пользователя запускаться почтовая программа или что-то другое все зависит от настройки компьютера пользователя.

Это основное, что можно расказать про ссылки. Спасибо за внимание! :)