Time to site

Здесь можно заказать сайт и продвижение в сети

телефоны: +3 8 (095) 818 40 61 или +3 8 (063) 135 02 90

Вы здесь: Главная / Статьи / Создание сайта / Гиперссылки в HTML. Основные примеры

Гиперссылки в HTML. Основные примеры

Гиперссылки в HTML. Основные примеры

По сути, интернет - это множество страниц сайтов, связанных между собой в едином пространстве сети. А для того, что бы обозначить эти связи в языке HTML, было введено понятие - гиперссылка.

Введение

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

Какие теги использовать при построении гиперссылки?

Существует тег, и ряд атрибутов к нему, позволяющие создавать гиперссылки. Этот тег - <a>. Он линейный, и имеет закрывающий тег </a>. Как упоминало ранее, к нему есть ряд атрибутов, но большей частью из них никто не пользуется. Мы выбрали самые известные и популярные атрибуты – href и target. Атрибут href позволяет нам переходить по ссылкам. А атрибут target определяет окно браузера, в котором откроется наша ссылка. Атрибут target может принимать следующие значения:

  • _blank - ресурс загружается в новое окно;
  • _parent - ресурс загружается в родительском окне текущего документа;
  • _top - ресурс загружается в окне верхнего уровня фреймовой структуры;
  • _self - ресурс загружается в текущем окне. Является значением по умолчанию;

Внутренние гиперссылки.

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

<a href=”имя папки на сервере/имя документа.расширение”>текстовое отображение</a>.

Например:

<a href=”star/st1.html”>ST1</a>

Если требуется открыть папку, которая находится уже непосредственно в папке, то можно его открыть, продолжив путь тегом «/», например: star/other/st1.html. Если мы находимся на третьем уровне вложенности, на пример: «star/other/othr.html», и нам надо подняться выше, в папку star, и найти там «ST1», то придется в теге указать такой знак “../”. Его можно использовать много раз, в зависимости от того, сколько требуется подъёмов. Это обозначает, что мы поднимаемся вверх по уровню:

<a href=”../../star/st1.html”>ST1</a>

Поскольку мы находимся в папке Other, которая расположена в папке star, то нам следует подняться 2 раза в корневую папку, а затем перейти в star.

Внешние гиперссылки.

Чтобы сделать гиперссылку в HTML – достаточно написать тег 

<a href=”http://youwebsite.ru”>You link</a>.

Соответственно, «youwebsite» – это сайт, на который будет ссылаться гиперссылка, а «You link» - это текстовое отображение ссылки (синее, подчеркнутое слово). Например, в предложении: «Для детальной информации свяжитесь со мной», если взять слово «мной» за текстовое отображение ссылки, то HTML код будет выглядеть примерно так:

<p>Для детальной информации свяжитесь со <a href=”Ваш сайт ”>мной</a></p>

ВНИМАНИЕ! Очень важно! При введении вашей ссылки после <a href=” ,убедитесь, что она содержит протокол HTTP, а то машина подумает, что ваш сайт – это корневая папка, расположенная на вашем компьютере.

Выводы

Гиперссылки в языке гипертекстовой разметки HTML занимают очень важное место. Без них мы не смогли бы перемещатся со страницы на страницу и из сайта на сайт. Существует множество разновидностей ссылок. Подробнее о них мы расскажем Вам позже, а если вдруг Вам понадобится помощ в создание или продвижение Вашего сайта, то наша веб студия с радостью поможет.

Прочитано 367 раз Последнее изменение Среда, 11 Декабрь 2013 07:42
Оцените материал
(1 Голосовать)

Комментарии  

0 # Перт Ильич 11.12.2013 07:35
Коротко и информативно ;-)
Ответить | Ответить с цитатой | Цитировать

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


Защитный код
Обновить

Мы в социальных сетях

Связаться с нами

Веб студия Time To Site
г. Донецк, бул. Шевченко, д. 133
Телефон: +3 (8095) 818-40-61
Мы работаем с 10:00 до 18:00

QR - код