Ссылки в документах HTML
Ну как, вставил фото себя любимого в свой мегакулпортал, - ай молодца, значит рулим далее к ССЫЛКАМ между пагами... Напомню там мы изучали графику в HTML.
Ссылка создается тэгом <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>< /FONT>
В этом случае команда ../ указывает серверу перейти вниз-в родительский, относительно текущего, каталог. Соответственно, команда ../../ укажет серверу совершить два перехода вниз.Чтобы задать ссылку на документ file.htm,
находящийся в папке folder2 из документа file.htm, находящегося в папке folder1,
следует указать:
<a href="../folder2/file.htm">ссылка на folder2/file.htm из folder1/file.htm</a>
В случае если у вас имеется большой по объему
документ, то для навигации по нему бывает удобно указать ссылки внутри этого
документа.
Например, ваш документ содержит три главы с оглавлением вначале.
<!-- оглавление -->
<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>
. . .
Содержимое третьей главы
В этом случае, тэгом name мы задаем имя для каждой главы (chapter1,
chapter2, chapter3), и ссылаемся на эти имена в начале документа. Когда посетитель
щелкает мышью на ссылку, браузер автоматически прокручивает страницу на то место,
где расположено соответстующее этой ссылке имя.
Для задания внешней ссылки, атрибуту href
задается протокол, путь.
<a href="протокол://путь/>
href="http://..." | Ссылка на объект, который будет передаваться с использованием протокола HTTP. Может быть любым произвольным объектом. |
href="ftp://..." | Ссылка на FTP-сервер. |
href="mailto:..." | Ссылка на адрес электронной почты. При выборе этой ссылки, загружается почтовая программа. |
[шаг 1. как и в предыдущих уроках...откройте обычный блокнот и т.д ...]
[шаг 2. скопируйте код и сохраните его как в предыдущих занятиях, в полученном документе Вы увидите 2а вида сылок: графическую и обычную ссылки, в нижеприведённом коде подробно в коментариях описаны и определены наши ссылки]
[Назад] [Содержание] [Вперед]