Инструкция
1
Гипертекстовые ссылки предназначены для того, чтобы связывать текст, изображение или другие элементы страниц с другими гипертекстовыми документами. Все элементы страницы сайта, включая ссылки, создаются браузером, который получает подробные инструкции из присылаемого ему сервером кода страницы. Это код на языке HTML (HyperText Markup Language - «язык разметки гипертекста») состоит из «тегов», которые описывают тип, внешний вид и расположение всех элементов веб-страницы. Стандартная гиперссылка создается браузером, когда он встречает в коде страницы, например, такой тег:<a href="URL">Текстовая ссылка</a>Здесь <a href="URL"> - открывающий тег ссылки, </a> - закрывающий. Открывающий тег может содержать дополнительную информацию - «атрибуты». В этой простой ссылке атрибут href содержит адрес страницы или другого документа, запрос на который будет отправлен, если посетитель щелкнет по ссылке. Иногда не обязательно указывать полный адрес - если запрашиваемый документ лежит на сервере в этой же папке (или вложенной в нее), то достаточно указать только его имя или путь к вложенной папке. Такие адреса называются «относительными», писать их следует, к примеру, так:<a href="moreText.html">Текстовая ссылка</a>При переходе по этой ссылке будет загружен документ moreText.html из этой же папки. А абсолютные адреса ссылок начинаются с указания протокола, например:<a href="http://site.ru/moreText.html">Текстовая ссылка</a>Здесь "http" (HyperText Transfer Protocol - «протокол передачи гипертекста») это обычный адрес документа в сети. А если указать протокол "mailto", то гиперссылка будет запускать вашу почтовую программу, вместо перехода на другую страницу:<a href="mailto:mailto:moiAdr@site.ru">email-ссылка</a>В ссылках на файлы, лежащие на ФТП-сервере указывают, соответственно, протокол FTP (File Transfer Protocol — «протокол передачи файлов»):<a href="ftp://site.ru/file.rar">Ссылка на архив</a>
2
Другой атрибут гиперссылки, который указывает, в которое окно следует загружать этот новый документ, пишется как "target". Если в атрибут href вы можете вписать любой правильный адрес, то target может иметь всего четыре значения:_self - страница надо загружать в это же самое окно или фрейм. «Фреймами» называют одну часть разделенного на несколько частей окна;_parent - если текущая страница сама была загружена из другого окна (или фрейма), то у нее есть «родительское» окно. А значение _parent требует, чтобы страница, на которую указывает ссылка, загружена была в это родительское окно;_top – новую страницу нужно загружать в это же окно. Если это окно разделено на фреймы, то при загрузке они будут уничтожены, а новая страница будет единственным фреймом в этом окне;_blank – для перехода по ссылке будет открыто отдельное окно;Например:
<a href="moreText.html" target="_blank">Ссылка откроется в новом окне</a>
<a href="moreText.html" target="_blank">Ссылка откроется в новом окне</a>
3
Существует возможность делать гиперссылку для перехода не на другую страницу, а на какой-то заданный участок этого же документа. Чтобы указать в html-коде документа такой «пункт назначения» используют ссылку-якорь:<a name="Якорь1"></a>А ссылка, прокручивающая документ до этого якоря выглядит так:<a href="#Якорь1">Ссылка на первый якорь страницы</a>Можно ссылаться на якоря не только в этом документе, но и в других:<a href="http://site.ru/moreText.html#Якорь5">Якорь в другой странице</a>Конечно в html-коде другого документа должна существовать такая ссылка-якорь с атрибутом name="Якорь1".
4
Гиперссылкой может служить не только текст, но и другие элементы страниц - например, картинки. Самый простой тег, рисующий картинку, выглядит так:<img src="picture.gif" />А чтобы картинка стала гиперссылкой, ее следует заключить между открывающим и закрывающим тегами ссылки:<a href="moreText.html"><img src="picture.gif" /></a>
Обратите внимание
Вписывать теги в файлы html-страниц можно в простом текстовом редакторе, например - в стандартном блокноте. А если вы используете какую-либо систему управления сайтом, то можете редактировать страницы прямо в браузере. Вам нужно только найти в панели управления сайты редактор страниц.
Полезный совет
У тега гиперссылки есть и другие атрибуты, например, hreflang, type, rel, rev, charset и некоторые другие. Они используются для узкоспециальных целей, а чтобы просто вставить гиперссылку в документ использовать эти атрибуты не требуется.
Источники:
- как сделать гиперссылку в html