Урок5. Ссылки в документах HTML.
Ссылка создается тэгом <A>ссылка</A>
Атрибуты тэга <A>:
| href="URL" | URL-адрес объекта ссылки. |
| name="имя ссылки" | Имя ссылки в документе. Используется для организации ссылок внутри одного и того же документа HTML |
| target | Имя окна, в которое должен быть загружен документ. Может принимать значения:
- _blank -документ будет загружен в новое окно браузера;
- _parent -документ будет загружен в окно, которое является родительским по отношению к текущему;
- _self -документ будет загружен в то же самое окно, где расположена ссылка;
- _top -при использовании фреймов, документ займет все окно браузера
|
| 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>
Ссылки в пределах одного документа.
В случае если у вас имеется большой по объему документ, то для навигации по нему бывает удобно указать ссылки внутри этого документа.
Например, ваш документ содержит три главы с оглавлением вначале.
<!-- оглавление -->
<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
| 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>
<a href="mailto:valery@ropnet.ru">написать мне письмо</a>
<a href="http://www.microsoft.com/" target="_blank">открыть главную страницу Microsoft в новом окне</a>
где последний символ "/" в адресе www.microsoft.com/ указывает серверу, что надо зайти в корневой каталог сервера www.microsoft.com и загрузить начальную страничку.
