
Ссылка создается тэгом <A>ссылка</A>
| href="URL" | URL-адрес объекта ссылки. |
| name="имя ссылки" | Имя ссылки в документе. Используется для организации ссылок внутри одного и того же документа HTML |
| target | Имя окна, в которое должен быть загружен документ. Может принимать значения:
|
| title | Название, которое появится внизу браузера при наведении мышью на ссылку. |
Допустим, ваш сайт имеет следующую структуру каталогов:
folder1 | file.htm
folder2 | file.htm ... index.htm
Чтобы задать ссылку на документ file.htm, находящийся в папке folder1 из документа index.htm, следует указать:
<a href="folder1/file.htm">ссылка на folder1/file.htm</a>
Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа index.htm, и сделать так, чтобы он открылся в новом окне браузера, следует указать:
<a href="folder2/file.htm" target="_blank">ссылка на folder2/file.htm</a>
Чтобы задать ссылку из документа file.htm, находящегося в папке folder1 на документ index.htm, следует указать:
<a href="../index.htm">ссылка на index.htm</a>
Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа file.htm, находящегося в папке folder1, следует указать:
<a href="../folder2/file.htm">ссылка на folder2/file.htm из folder1/file.htm</a>
В случае если у вас имеется большой по объему документ, то для навигации по нему бывает удобно указать ссылки внутри этого документа.
Например, ваш документ содержит три главы с оглавлением вначале.
<!-- оглавление -->
В этом случае, тэгом name мы задаем имя для каждой главы (chapter1, chapter2, chapter3), и ссылаемся на эти имена в начале документа. Когда посетитель щелкает мышью на ссылку, браузер автоматически прокручивает страницу на то место, где расположено соответстующее этой ссылке имя.
<a href="#chapter1">Первая глава</a>
<a href="#chapter1">Вторая глава</a>
<a href="#chapter1">Третья глава</a>
<!-- текст -->
<p><a name="chapter1">Первая глава</a>
. . .
Содержимое первой главы
. . .
<p><a name="chapter2">Вторая глава</a>
. . .
Содержимое второй главы
. . .
<p><a name="chapter3">Третья глава</a>
. . .
Содержимое третьей главы
. . .
Для задания внешней ссылки, атрибуту href задается протокол, путь и если неоходимо порт требуемого ресурса в следующем виде:
<a href="протокол://путь/:порт>
| href="http://..." | Ссылка на объект, который будет передаваться с использованием протокола HTTP. Может быть любым произвольным объектом. |
| href="ftp://..." | Ссылка на FTP-сервер. |
| href="mailto:..." | Ссылка на адрес электронной почты. При выборе этой ссылки, загружается почтовая программа. |
| href="news:..." | Ссылка на электронную конференцию. |
| href="nntp://..." | Ссылка на сервер электронной конференции. |
| href="telnet://..." | Активизация сеанса удаленного доступа к узлу сети Internet с использованием протокола TELNET. |
| href="gopher://..." | Ссылка на сервер Gopher. |
Примеры ссылок:
<a href="http://www.eprst.com/soft/proga.zip">качнуть proga.zip</a>
где последний символ "/" в адресе www.microsoft.com/ указывает серверу, что надо зайти в корневой каталог сервера www.microsoft.com и загрузить начальную страничку.
<a href="mailto:valery@ropnet.ru">написать мне письмо</a>
<a href="http://www.microsoft.com/" target="_blank">открыть главную страницу Microsoft в новом окне</a>
Урок4. Фреймы. | Урок6, Графика и звук в документах HTML.
|