Гипертекстовые ссылки являются ключевым
компонентом, делающим WEB привлекательным для
пользователей. Добавляя гипертекстовые ссылки
(далее - ссылки), вы делаете набор документов
связанным и структурированным, что позволяет
пользователю получать необходимую ему
информацию максимально быстро и удобно.
Ссылки имеют стандартный формат, что
позволяет броузеру интерпретировать их и
выполнять необходимые функции (вызывать методы)
в зависимости от типа ссылки. Ссылки могут
указывать на другой документ, специальное место
данного документа или выполнять другие функции,
например запрашивать файл по FTP-протоколу для
отображения его броузером. URL может указывать на
специальное место по абсолютному пути доступа,
или указывать на документ в текущем пути доступа,
что часто используется при организации больших
структурированных WEB-сайтов.
Внимание! Вы можете использовать ссылки
как для перемещения по документу, так и для
перемещения от одного документа к другому.
Однако, HTML не поддерживает возврат на предыдущую
ссылку, если перемещение происходило внутри
документа. Если вы используете ссылки внутри
документа, а затем нажимаете на клавишу Back, то вы
не перейдете на предыдущую ссылку, а вернетесь на
ту часть документа, которую вы просматривали до
этого.
Структура ссылок в HTML-документе
Пока что мы рассмотрели только внешний вид
URL. Для того, чтобы броузер отобразил ссылку на URL,
необходимо отчетить URL специальными тэгами в
HTML-документе. Синтаксис HTML, позволяющий жто
сделать - следующий:
<A HREF="URL">
текст-который-будет-подсвечен-как-ссылка </A>
Тэг <A HREF="URL">открывает
описание ссылки, а тэг </A> - закрывает его.
Любой текст, находящийся между данными двумя
тэгами подсвечивается специальным образом
Web-броузером. Обычно этот текст отображается
подчеркнутым и выделенным синим (или другим
заданным пользователем) цветом. Текст,
обозначающий URL, не отображается броузером, а
используется только для выполнения предписанных
им действий при активизации ссылки (обычно при
щелчке мыши на подсвеченном или подчеркнутом
тексте). Вот пример сегмента HTML-документа:
Для получения примера смотри
<A HREF="http:/web.edu.vn.ua/> страницу
</A>
Данная строка будет выглядеть на экране
следующим образом:
Для получения примера смотри страницу
Ссылки на точки внутри документа
Вы можете делать ссылки на различные
участки или разделы одного и того же документа,
используя специальных скрытый маркер для этих
разделов. Это позволяет быстро переходить от
раздела к разделу внутри документа, не используя
скроллирование экрана. Как только вы щелкнете на
ссылке, броузер переместит вас на указанный
раздел документа, а строка, в которой стоит
маркер данного раздела (обычно, первая строка
раздела или заголовок раздела) будет ращзмещена
на первой строке окна броузера (если данная
строка не присутствует уже на экране броузера).
Для создания такой ссылки необходимо
выполнить следующие шаги:
1. Создайте маркер раздела. Синтаксис
данного маркера следующий:
<A NAME="named_anchor">
Текст-который-отобразится-в-первой-строке-броузера
</A>
2. Создайте ссылку на данный маркер:
<A HREF="#named_anchor"> Текст </A>
Например:
<p><b>Список разделов</b></p>
<ul> <li><a href="#ex1">Раздел 1</a></li>
<li><a href="#ex2">Раздел 2</a></li> </ul>
<p><a name="ex1"></a>Раздел 1</p>
<ul> <p>Текст раздела 1</p> </ul>
<p><a name="ex2"></a>Раздел 2</p>
<ul> <p>Текст раздела 2 <br></p>
Список разделов
Раздел 1
Раздел 2
Символы "#ex1" сообщает вашему броузеру,
что необходимо найти в данном HTML-документе
маркер с именем "ex1".
Когда пользователь щелкнет мышью на строке
"Раздел 1", броузер перейдет сразу к разделу
1.
Внимание! Как ранее было показано в
синтаксисе URL, маркер раздела может быть
поставлен как в том же документе, который
просматривается в текущий момент, так и в другом
документе. Во втором случае броузер осуществит
подгрузку другого документа и перейдет к
указанному для него разделу.
:: HTML учебник :: Добавление стилей в HTML документ : Графика внутри HTML-документа : Использование списков : Гипертекстовые ссылки : Тэги тела документа : Основные понятия HTML :: |