HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Урок 12 Гиперссылки


« Назад Далее »

Ссылки встречаются почти во всех Веб страницах. Ссылки позволяют пользователям переходить со страницы на страницу.


Примеры

Пример

Как создавать ссылки в HTML документе

(Вы найдете больше примеров внизу этой страницы)


HTML Гиперссылки (Ссылки)

Гиперссылка (или ссылка) это слово, группа слов, или изображение, которые вы можете кликнуть , чтобы перепрыгнуть на новый документ или раздел текущего документа.

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

Ссылки определяются в HTML используя тег <a>.

Тег <a> может быть использован двумя способами:

  1. Чтобы создать ссылку на другой документ - используя атрибут href
  2. Чтобы сделать закладку внутри документа - используя атрибут name

HTML Синтаксис Ссылки

HTML код для ссылки прост. Он выглядит так:

<a href="Адрес">Текст ссылки</a>

Атрибут href указывает адрес ссылки (куда она указывает).

Пример

<a href="http://Uroki-HTML.ru/index.php">Посетите Uroki-HTML.ru </a>

это отобразится браузером так: Посетите Uroki-HTML.ru

Клик на гиперссылке пошлет пользователя на главную страницу Uroki-HTML.ru.

Совет: "Текст ссылки" не обязательно должен быть собственно текстом. Вы можете использовать изображение или любой другой HTML элемент.


HTML Ссылки - Атрибут Target

Атрибут target (назначение) указывает где открывать залинкованный (тот, на который ссылается ссылка) документ.

Пример ниже откроет залинкованный документ в новом окне браузера или на новой вкладке:

Пример

<html>
<body>





</body>
</html>


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает


HTML Ссылки - Атрибут Name

Атрибут name указывает имя ссылки.

Атрибут name используется для создания закладки ("якоря" / "анкера") внутри HTML документа.

Замечание:
Грядущий в обозримом будущем стандарт HTML5 предлагает использовать атрибут id вместо атрибута name для указания имени ссылки.
Использование атрибута id фактически работает и в HTML4 во всех современных браузерах.

Закладки не отображаются каким-либо специальным образом. Они не видимы для читателя.

Пример

Именованная ссылка (якорь, анкер) внутри HTML документа:

<a name="tips">Раздел Полезных Советов</a>

Создайте ссылку на "Раздел Полезных Советов" внутри того же документа:

<a href="#tips"> Посетите Раздел Полезных Советов</a>

Или создайте ссылку на "Раздел Полезных Советов" с другой страницы:

<a href="http://Uroki-HTML.ru/html/html_links.php#tips">
Посетите Раздел Полезных Советов</a>


Основные Замечания - Полезные Советы

Замечание: Всегда добавляйте замыкающий слэш к ссылкам на поддиретории. Если вы создаете ссылку так: href="http://Uroki-HTML.ru/html", то генерируется два запроса к серверу, сначала сервер добавляет слэш к адресу, и затем создает новый запрос: href="http://Uroki-HTML.ru/html/".

Совет: Именованные ссылки часто используются для создания "таблицы содержания" в начале большого документа. Каждой главе внутри документа приписывается именованная ссылка, и ссылки на каждую из этих именованных анкеров вставляются в начало документа.

Совет: Если браузер не находит указанную именованную ссылку , он идет в начало документа. Никаких ошибок не возникает.


Примеры

Примеры

Ссылка-изображение
Как создать ссылку-изображение.

Ссылка на некоторое место в документе
Как создать закладку.

Выпрыгнуть из фрейма
Как выпрыгнуть из фрейма (если ваш зайт застрял во фрейме).

Создание ссылки на электронную почту
Как создать ссылку на электронную почту (работает только, если электронная почта настроена).

Создание ссылки на электронную почту 2
Другая почтовая ссылка.

HTML Теги Ссылок

ТегОписание
<a>Определяет ссылку



« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru