Компьютерная документация от А до Я - HTML / DHTML :: Основы языка разметки гипертекста

Интернет технологии -> HTML / DHTML -> Основы языка разметки гипертекста - HTML

Основы языка разметки гипертекста - HTML

2. Основы HTML

2.2. Ссылки в HTML документах

Как было сказано выше, HTML-документ это обычный текстовый файл. Гипертекстовым его делают содержащиеся в нем ссылки на другие документы и ресурсы Internet. Рассмотрим, что такое ссылка, какие бывают типы ссылок и как их задать в документе.

Ссылка состоит из двух компонентов: так называемого якоря (anchor) или элемента привязки и URL (Universal Resurse Locator) связанного с ним ресурса Internet.
Первый компонент ссылки - якорь это текстовый или графический объект, который как правило служит органом управления на Web-странице. Каждый раз при просмотре Web-страниц мы видим множество различных элементов-якорей. Это и красочные рекламные баннеры, всевозможные кнопки и иконки, выделенные подчеркнутым курсивом элементы текста, адреса электронной почты.
Второй компонент ссылки не отображается Web-броузером, но служит конкретным указанием где в Internet найти, и что сделать при активизации пользователем соответствующего ему якоря.
Адреса ресурсов бывают относительные и абсолютные.

Относительный адрес это адрес ресурса относительно компьютера и каталога загрузки HTML-документа, если иной базовый адрес не указан в заголовке документа, тег <BASE> (См. раздел 2.3.). Относительный адрес задается в сокращенной форме (путь/файл). Например, если ваша начальная страница index.htm загружена броузером c httр://www.site.ru, то использование в ней относительной ссылки resume.htm означает загрузку httр://www.site.ru/resume.htm.

Абсолютные адреса используются для привязки к ресурсам других узлов Internet и задаются полным форматом записи (httр://компьютер/путь/файл). Например: httр://www.sitename.ru/filename.htm.

Что такое ссылка теперь вроде ясно. А какие они бывают и как задаются в HTML-документе ?
Ссылки в документах задаются при помощи контейнера <A> ...</A>, следующей структуры:

<A HREF="Ресурс" TARGET="имя окна" TITLE="Подсказка">Элемент - якорь</A>

Атрибут HREF в открывающем теге задает ресурс который необходимо обработать броузеру при выборе на Web-странице, соответствующего ему якоря. Рассмотрим наиболее часто используемые ресурсы:

<A HREF="URL"> - ссылки на другие документы HTML и файлы.
<A HREF="ftр://ftp_server/path/filename"> - ссылки на файлы FTP-сервера.
<A HREF="mailto:e-mail"> - ссылки на адреса электронной почты.
<A HREF="news:newsgroup"> - ссылки на группы новостей.

Атрибут TITLE задает текстовую подсказку в стиле ToolTip, отображаемую броузером при позиционировании указателя-курсора в зоне элемента-якоря.

Заключеный в контейнер элемент-якорь выделяется броузером особым образом (текст-цветом и подчеркиванием, графика-рамкой) при отображении на Web-странице. Можно задать свой способ выделения элемента-якоря в атрибутах тега <BODY> - тела документа (См. раздел 2.4.).
Теперь рассмотрим несколько конкретных примеров использования ссылок в документах:

<A HREF="httр://www.site.ru" TITLE="Переход на www.site.ru"> Заходите к нам на огонек </A> - абсолютная ссылка: переход на сайт www.site.ru, текстовый якорь - Заходите к нам на огонек, с подсказкой.

<A HREF="/VW/cars.htm"> Модельный ряд VW </A> - относительная ссылка: открытие станицы cars.htm в подразделе VW относительно раздела основной страницы, текстовый якорь - Модельный ряд VW, без подсказки.

<A HREF="mailtо:webmaster@freemail.ru">Связь с вебмастером</A> - загрузка интерфейса к почтовой системе пользователя с автозаполнением реквизитов получателя, текстовый якорь - Связь с вебмастером, без подсказки.

<A HREF="ftр://ftp.site.ru/soft/driver.zip">Новый драйвер здесь</A> - доступ на FTP-сервере к файлу драйвера, текстовый якорь-Новый драйвер здесь, без подсказки.

При использовании графического файла в качестве элемента-якоря необходимо вместо текста в контейнере <A>...</A> использовать конструкцию <IMG SRC="файл"> (См. раздел 3.2.). Например:

<A HREF="/VW/passat.htm"><IMG SRC="/VW/CARS/passat.gif"></A> - относительная ссылка: открытие станицы passat.htm в подразделе VW относительно раздела основной страницы, графический якорь-passat.gif, без подсказки.

Кроме вышеперечисленных ссылок существуют еще внутренние ссылки или закладки. Этот тип ссылок используется для удобства перемещения в пределах документа. Для использования в HTML-документе закладок необходимо задать имена тех областей документа, на которые необходимо ссылаться.

Имя закладки в теле документа задается использованием атрибута NAME=ИмяЗакладки в контейнере <A>...</A>. Причем в данном случае текст, заключенный в контейнер, не является элементом-якорем (но выводится).

Например для перехода на начало документа необходимо поместить там закладку:

<A NAME=DocBegin>Начало документа<A>

Внутренняя ссылка на закладку в документе имеет следующий формат:

<A HREF="URL документа#ИМЯ">Элемент - якорь</A>

Например для размещения в документе ссылки на внутреннюю закладку (содержащуюся в данном документе) необходимо применить:

<A HREF="#DocBegin">Перейти к началу документа</A>

А для размещения в документе ссылки на внешнюю закладку (например содержащуюся в файле Doc1.htm) необходимо применить:

<A HREF="Doc1.htm#DocBegin">Перейти к началу документа Doc1.htm</A>

В заключении надо описать еще один важный атрибут тега ссылки, это атрибут TARGET. Данный атрибут задает окно либо фрейм (См. раздел 4.2.) назначения для документа заданного атрибутом HREF. По умочанию загрузка происходит в текущее окно броузера, но можно указать имя нового или существующего окна, а так же одно из предопределенных имен объектов броузера: _blank, _self, _parent, _top. Например:

<A HREF="sample/sample.htm" TARGET="new_win">Пример</A> - загрузка документа sample.htm в новое окно броузера с именем "new_win".

Вот пожалуй и все что я могу вам рассказать о ссылках. Едем дальше ?

[ Содержание ]

[ Вперед ]

Интересное в сети

10 новых программ

CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full

Наши сервисы

Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.

Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.

Поставить

Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.

Прислать

Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.

Разместить

Это интересно

При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.