Как сделать гиперссылку на сайте

Как сделать гиперссылку на сайте

Гиперссылки — это основа, на которой построена структура сети интернет. Именно эти элементы интернет-страниц позволяют связывать страницы сайтов в единую сеть. Рассмотрим подробно, как вставляются гиперссылки в документы.

Инструкция
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>
3
Существует возможность делать гиперссылку для перехода не на другую страницу, а на какой-то заданный участок этого же документа. Чтобы указать в html-коде документа такой «пункт назначения» используют ссылку-якорь:<a name="Якорь1&#8243;></a>А ссылка, прокручивающая документ до этого якоря выглядит так:<a href="#Якорь1&#8243;>Ссылка на первый якорь страницы</a>Можно ссылаться на якоря не только в этом документе, но и в других:<a href="http://site.ru/moreText.html#Якорь5&#8243;>Якорь в другой странице</a>Конечно в html-коде другого документа должна существовать такая ссылка-якорь с атрибутом name="Якорь1&#8243;.
4
Гиперссылкой может служить не только текст, но и другие элементы страниц — например, картинки. Самый простой тег, рисующий картинку, выглядит так:<img src="picture.gif" />А чтобы картинка стала гиперссылкой, ее следует заключить между открывающим и закрывающим тегами ссылки:<a href="moreText.html"><img src="picture.gif" /></a>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *