WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Советы » Урок5 Ссылки в документах HTML

Урок5 Ссылки в документах HTML


Дата публикации: 21-06-2008

Ну как, вставил фото себя любимого в свой мегакулпортал, - ай молодца, значит рулим далее к ССЫЛКАМ между пагами... Напомню там мы изучали графику в 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>< /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
href="http://..." Ссылка на объект, который будет передаваться с использованием протокола HTTP. Может быть любым произвольным объектом.
href="ftp://..." Ссылка на FTP-сервер.
href="mailto:..." Ссылка на адрес электронной почты. При выборе этой ссылки, загружается почтовая программа.

 

<практика>

[шаг 1. как и в предыдущих уроках...откройте обычный блокнот и т.д ...]

[шаг 2. скопируйте код и сохраните его как в предыдущих занятиях, в полученном документе Вы увидите 2а вида сылок: графическую и обычную ссылки, в нижеприведённом коде подробно в коментариях описаны и определены наши ссылки]

Популярное

Не так давно в сети появился новый сервис, под названием Dead Man Zero. Этот сервис сделал...
Рынок социальных площадок уже давно стал стабильным. Несмотря на то, что время от времени...
Artisteer 4 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Март 2017 (1)
Февраль 2017 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)

Карта сайта: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41

Друзья сайта

Хотите продать свой сайт?
- Мы быстро и удобно для Вас сможем его купить:
  • Заявка на продажу сайта
  • Раcсматриваем цены на каждый сайт в индивидуальном порядке.

    Случайная цитата

    Натан Ротшильд:

    "Кто владеет информацией – тот владеет миром."

    Опрос

    Какой браузер Вы используете?

    Internet Explorer
    Google Chrome
    Mozilla Firefox
    Netscape Navigator
    Maxthon Browser
    Opera
    Mozilla Suite
    SeaMonkey
    K-Meleon
    Safari
    Amaya
    Avant Browser
    SlimBrowser
    Другой...