Ссылка это "адрес" на документ (или ресурс) в Интернете.
Попробуй сам - Примеры
Ссылки HTML
Этот пример демонстрирует, как создавать ссылки в документе HTML.
Открытие ссылки в новом окне браузера HTML
Этот пример демонстрирует, как сделать ссылку на другую страницу, которая откроется в новом окне, так чтобы посетитель не оставил свой веб-сайт.
(Вы можете найти больше примеров в нижней части этой страницы)
Гиперссылки, якоря, и ссылки
В терминологии веб, гиперссылка это ссылка (адрес) на ресурс в Интернете.
Гиперссылки могут указывать на любой ресурс в Интернете: HTML-страницы, изображения, звуковые файлы, фильмы и т.д.
Якорь это термин, используемый для определения назначения гиперссылки внутри документа.
Элемент HTML якорь (anchor ) <a>, используется для определения как гиперссылки так и якоря.
Мы будем использовать термин Ссылка HTML когда элемент <a> указывает на ресурс, и термин HTML якорь, когда <a> элемент определяет адрес внутри документа.
Ссылка HTML
Cинтаксис cсылки:
| <a href="url">текст ссылки</a> |
Открывающий тег содержит атрибуты, о ссылке.
Элементов содержания (текст ссылки) определяет часть, которая будет отображаться.
Примечание: Данный элемент содержания не обязан быть текст. Это может быть изображение или любой другой элемент HTML.
Атрибут HREF
HREF атрибут определяет ссылку "Адрес".
Элемент <a> определяет ссылку на Xhtml.co.il:
| <a href="http://www.xhtml.co.il/ru/"> Посетите XHTML.co.il ! </a> |
Этот код будет отображаться в браузере так:
Атрибут цели
Атрибут цели определяет, где соответствующий документ будет открыт.
Следующий ссылка будет открыта в новом документе:
<a href="http://xhtml.co.il/ru/" target="_blank">Посетите XHTML.co.il!</a>
Название атрибута
Если используется имя атрибута, элемент <a> определяет именной якорь (named anchor) внутри документа HTML.
Именной якорь (named anchor) не отображается особым образом. Он невидим для пользователя.
Синтаксис именованного якоря (named anchor):
| <a name="label">Любое содержимое</a> |
Синтаксис cсылки именного якоря (named anchor):
| <a href="#label">Любое содержимое</a> |
# в атрибуте HREF определяет ссылку на именной якорь (named anchor).
Пример:
Именной якорь (named anchor) внутри документа HTML:
| <a name="tips">Полезные советы</a> |
Ссылка на раздел Полезные ссылкии внутри того же документа:
|
<a href="#tips"> Переход в раздел Полезные ссылки </a> |
Ссылка на раздел Полезные ссылки из другого документа:
|
<a href="http://www.xhtml.co.il/html_tutorial.htm#tips"> Переход в раздел Полезные ссылки </a> |
Основные замечания - Полезные советы
Всегда добавляйте косую черту в подпапке ссылок. Если вы пишите так: HREF = "http://Xhtml.co.il/html", Вы генерируете два HTTP запроса на сервер, поскольку сервер добавив слэш к адресу, и создаст новый запрос так: HREF = "http://Xhtml.co.il/html/".Именованные якоря часто используются для создания "Содержания" в начале большого документа. Каждой главе в документе дается имя якоря, а также ссылка на каждый из этих якорей необходимо расположить в верхней части документа.
Если браузер не может найти имя якоря, которое было указано, он идет к верхней части документа. Не происходит ошибка.
Больше примеров
Изображение в качестве ссылки HTML
Этот пример демонстрирует, как использовать изображение в качестве ссылки.
Ссылка внутри одной страницы HTML
Этот пример демонстрирует, как использовать ссылки для перехода к другой части документа.
Выйти из рамки HTML
Этот пример демонстрирует, как выйти из рамки, если ваш сайт закрыт в рамке.
Создает ссылку почты mailto HTML
Этот пример демонстрирует, как создать ссылку почты (будет работать только если у вас есть установленная почта).
Создает ссылку почты mailto 2 HTML
Этот пример демонстрирует более сложную эту ссылку почты.
Теги ссылок
| тег | Описание |
|---|---|
| <a> | Определяет ссылку |
Была ли эта информация полезной?
