Сокращение HTML означает "язык маркировки гипертекстов". Про маркировку мы уже поговорили достаточно, теперь перейдём к гипертексту.
Гипертекст в отличие от обыкновенного текста, который можно читать только от начала к концу, позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. При нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего документа происходит переход к некоторому заранее назначенному документу или фрагменту документа.
Как Вы уже наверное догадались, сейчас у нас речь пойдёт о ссылках.
Чтобы создать этот ВЫДЕЛЕННЫЙ ФРАГМЕНТ документа (будь то какая-то картинка или какая-то фраза), нужно написать этот фрагмент между метками
<a href="...название документа или части документа, куда будет осуществляться переход..."> и </a>
То есть, у Вас должно получиться следующее:
<a href="[адрес перехода]">Выделенный фрагмент текста</a>
Ссылки могут быть локальными (внутренними) и глобальными (внешними), причём внутренние ссылки имеют подгруппу ссылок, называемую "якорями".
Внутренние ссылки
Допустим, в одной папке с документом, откуда будет осуществлён переход, находится ещё один документ с именем guestbook.html (в нашем случае это гостевая книга)
Чтобы сделать переход к гостевой (guestbook.html), оформим ссылку следующим образом:
<a href="guestbook.html">Перейти в гостевую книгу</a>
В этом случае фраза "Перейти в гостевую книгу" станет активной и при нажатии на неё левой кнопки мыши, будет осуществляться переход к новому документу.
В случае же, если Вы оформили ссылку так же, как мы сейчас её оформили, но документа с именем guestbook.html в этой папке нет, то скорее всего Ваш браузер сообщит об ошибке.
Теперь оформим внешнюю ссылку:
Внешняя ссылка оформляется аналогично внутренней, но нужно указать ТОЧНЫЙ путь к интересующему нас документу, указывая и название сервера, название папки, в которой находится документ и имя самого документа.
Пример:
<a href="http://www.rambler.ru">Перейти в поисковую систему РАМБЛЕР</a>
В данном случае, активная фраза "Перейти в поисковую систему РАМБЛЕР" будет осуществлять переход к поисковой системе "Рамблер". Как видите, мы не указали имени документа, но если имя документа не указывается, то браузер автоматически загрузит документ index.html, находящийся на сервере http://www.rambler.ru
Более сложный пример:
<a href="http://www.hot.ee/echokiller/dj-2000/index.html"></a>
В данном случае, переход будет осуществлён к файлу index.html, который находится на сервере http://www.hot.ee в папке пользователя echokiller, в подпапке dj-2000. То есть папки друг от друга отделяются наклонной палочкой.
Ещё один пример ссылки:
Вы не раз видели ссылки такого рода, где написана фраза : "Пишите мне" и при нажатии на эту надпись открывался Ваш почтовый клиент и автоматически в поле "Кому:" заносился адрес электронной почты создателя сайта и Вы могли написать ему письмо по электронной почте.
Для того, чтобы сделать аналогичную ссылку, нужно вместо имени документа написать надпись mailto: и следом за ней свой адрес электронной почты. Допустим, Ваш адрес электронной почты такой: temp@temp.ru, тогда ссылка будет выглядеть следующим образом:
<a href="mailto:temp@temp.ru">Пишите мне</a>
Теперь поговорим о якорях:
Допустим у Вас текст состоит из нескольких глав и нужно быстро перейти из какого-то определённого места документа к той или иной главе. В данном случае, якорь должен быть установлен в том месте, куда осуществляется переход. Делается это так:
<a name="имя якоря[придумайте его по своему усмотрению, но лучше имя якоря написать латинскими буквами и цифрами]">Название нужной главы</a>
Допустим, якорь называется glava1 . Оформляться он будет так:
<a name="glava1">Название первой главы</a>
А переход к якорю с именем glava1 будет осуществляться следующим образом:
<a href="#glava1">Перейти к первой главе</a>
Рассмотрим более сложную ситуацию:
Допустим, что мы находимся сейчас в документе с именем 2.html, а якорь, к которому мы должны осуществить переход, находится в документе 1.html
Пусть в этом случае якорь называется так же, как в прошлом примере - glava1. Якорь устанавливается точно так же, как в прошлом примере, а вот переход будет осуществляться немного по-другому:
<a href="1.html#glava1">Перейти к первой главе</a>
Как Вы видите, до знака # указывается имя документа, а после этого знака указывается имя якоря.
