Ссылки – средство навигации по документу или интернету
Для навигации по документу или по сети интернета в HTML предусмотрен тег <A>...</A>. Ссылки бывают внутренние для перехода внутри документа или внешние для перехода на другую страницу сайта или на другой сайт.
Пример использования внутренних ссылок.
В качестве примера здесь указано место перехода по метке 1.
Нажав на ссылку Вы перейдёте на метку 2
Формат представления:
<A href="Адрес перехода" атрибут="значение атрибута">Текст или изображение ссылки</A>
Атрибуты:
<href> – Задает адрес перехода;
<name> – Имя тега;
<target> – Указывает в каком месте открыть документ указанный в ссылке;
<title> – Всплывающая подсказка, появляется при наведении мышки на ссылку.
Значения атрибута Target:
<_blank> – Открыть страницу в новом окне браузера;
<_parent> – Загрузить страницу во фрейм-родитель;
<_self> – Загрузить страницу в текущее окно (заменить);
<_top> – Загрузить страницу в полное окно браузера.
Рассмотрим использование внутренних ссылок. Внутренняя ссылка состоит из двух ссылок, одна для перехода (место с которого будет осуществлен переход), а другая для указания места перехода. Обе ссылки могут располагаться в любом месте текста в контейнере Body.
Ссылка для перехода имеет вид:
<A href="#Metka1">Нажав на ссылку Вы перейдёте на метку 1</A>
Адрес перехода задается меткой и начинается с служебного символа # (объясняющего браузеру что это метка) и без пробелов пишется имя метки.
Метка в документе пишется тоже с тегом ссылки и имеет вид:
<A name="Metka1">Место перехода по метке 1</A>
Нажав на ссылку для перехода браузер переведет экран на метку указанную в ссылке, место ссылки станет первой строкой видимой на экране. Внутренние ссылки используются как правило для навигации в больших документах, документах которые не помещаются на один экран.
Внешняя ссылка состоит из одной ссылки и в качестве перехода ставится адрес страницы. Если переход осуществляется в пределах своего сайта то можно указать относительный путь, если же переход производится на другой сайт то необходимо указать полный путь - URL-адрес ресурса (http://Имя сайта/Страница сайта).
В качестве текста ссылки можно использовать не только текст, но и любой другой объект (изображение, таблицу, ...). При нажатии левой кнопки мышки переход будет осуществлен с любого объекта.
При отображении ссылки браузер задает вид ссылки по умолчанию и по разному отображает ссылки. Настроить можно вид ссылки отображаемой в документе, при наведении на ссылку указателя мыши и уже посещенную ссылку (ссылку по которой был произведен переход). Это относится к текстовым ссылкам. С помощью таблиц стилей можно изменить формат представления ссылок.
Уменьшив ширину окна браузера можно увидеть как будет осуществлен переход по ссылке.
Пример использования внутренних ссылок.
В качестве примера здесь указано место перехода по метке 2.
Нажав на ссылку Вы перейдёте на метку 1
|