Урок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.taldykurgan.de/modules.php?name=Downloads&d_op=viewdownload&cid=3">качнуть proga.zip</a>
    <a href="mailto:admin@detstwo.de">написать мне письмо</a>
    <a href="http://www.microsoft.com/" target="_blank">открыть главную страницу Microsoft в новом окне</a>
    где последний символ "/" в адресе www.microsoft.com/ указывает серверу, что надо зайти в корневой каталог сервера www.microsoft.com и загрузить начальную страничку.