Веб-инструмент
Веб-мастерская
Гиперссылки позволяют при помощи нажатия кнопки мыши быстро перемещаться от одного документа к другому. Именно гиперссылки связывают веб-страницы в единую сеть.
Внешние гиперссылки вставляются в HTML-документ с помощью тега <a>. Основным параметром тега <a> является href. Именно этот параметр задает URL-адрес веб-страницы, которая будет загружена при щелчке мыши на указателе. В качестве указателя может быть текст.
Пример:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Внешние гиперссылки</title>
</head>
<body>
<a href="http://sevidi.narod.ru/site.html">Строим сайт</a>
</body>
</html>
В окне веб-браузера это будет выглядеть ТАК.
Или изображение.
Пример:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Внешние гиперссылки</title>
</head>
<body>
<a href="http://sevidi.narod.ru/site.html"><img src="http://sevidi.narod.ru/images/dom4.gif"></a>
</body>
</html
В окне веб-браузера это будет выглядеть ТАК.
Примечание. Кроме HTML-документов можно ссылаться и на файлы других типов, например изображения, архивы и т.д. При переходе по такой ссылке веб-браузер в зависимости от типа файла отобразит его, либо предложит сохранить.
URL-адреса бывают абсолютными и относительными.
Абсолютный URL-адрес содержит обозначение протокола, доменный или IP-адрес компьютера, путь к файлу, а также имя файла. Например:
https://sevidi.ru/webd/htmpage.html
Если файл находится в корневой папке, то путь может отсутствовать:
https://sevidi.ru/news.html
Имя файла также может отсутствовать. В этом случае загружается веб-страница, заданная по умолчанию в настройках веб-сервера:
https://sevidi.ru/
https://sevidi.ru/webd/
При относительном задании URL-адреса путь определяется с учетом местоположения веб-страницы, на которой находится ссылка. Возможны следующие варианты:
По умолчанию вызываемый при активации ссылки документ открывается в текущем окне браузера, заменяя документ, содержащий эту ссылку. Это происходит, если браузер способен открыть документ в своем окне (некоторые документы открываются в окне соответствующих приложений). Можно задать в каком окне браузера или фрейме следует открыть вызываемый документ. Это делается с помощью атрибута target, который принимает следующие значения:
Если требуется, чтобы при наведении указателя мыши на указатель ссылки появилась всплывающая подсказка (поясняющий текст), то в теге <a> следует использовать атрибут title, принимающий в качестве значения текст всплывающей подсказки.
Пример:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Гиперссылки. Всплывающая подсказка</title>
</head>
<body>
<a href="59.html" title="ссылка" target="_blank">Ссылка</a>
</body>
</html>
В окне веб-браузера это будет выглядеть ТАК.
С помощью внутренних гиперссылок можно создать ссылки на разные разделы текущей веб-страницы. Если документ очень большой, то наличие внутренних гиперссылок позволяет быстро перемещаться между разделами.
Внутренняя гиперссылка также вставляется при помощи тега <a> с одним лишь отличием — параметр href содержит имя указателя, а не URL-адрес. Перед именем указателя ставится знак #.
<a href = "#y1">Глава 1</a>
Указатель создается с помощью тега <a>, но вместо параметра href используется параметр name, который задает имя указателя.
<a name = "y1">Глава 1</a>
Иногда указатель называют "якорем". Также можно сослаться на якррь другого документа. Это делается так:
<a href = "https://sevidi.ru/webd/dweb/htmpage1.html#y1">Структура документа</a>
Структура документа с внутренними ссылками
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Структура документа с внутренними гиперссылками</title>
</head>
<body>
<h1 align="center">Название документа</h1>
<h2>Оглавление</h2>
<ul type="disc">
<li><a href="#y1">Глава 1</a>
<li><a href="#y2">Глава 2</a>
<li><a href="#y3">Глава 3</a>
<li><a href="#y4">Глава 4</a>
</ul>
<br>
<h2><a name="y1">Глава 1</a></h2>
<p>Содержание главы 1</p>
<h2><a name="y2">Глава 2</a></h2>
<p>Содержание главы 2</p>
<h2><a name="y3">Глава 3</a></h2>
<p>Содержание главы 3</p>
<h2><a name="y4">Глава 4</a></h2>
<p>Содержание главы 4</p>
</body>
</html>
В окне веб-браузера это будет выглядеть ТАК.
Ссылка на адрес электронной почты выглядит так:
<a href = "mailto:[email protected]">Текст</a>
Вместо URL-адреса указавается адрес электронной почты, перед которым добавляется слово "mailto:".
Примечание. Не следует публиковать ссылку с адресом электронной почты на сайте. Такие ссылки автоматически собираются роботами, и в дальнейшем этот E-mail будет завален спамом.
Похожие материалы по теме: Ссылки на другие страницы
Обсудить на форуме