D.4.8.3. Оформление гипертекстовых ссылок в HTML-документах

В HTML-документах гиперссылки создаются с помощью тегов <A> и парного ему </A>. Если, например, необходима ссылка на документ с именем CHAPTER2.htm, ссылка может быть оформлена, например, так:

<A HREF="CHAPTER2.htm">Ссылка на главу 2</A>.

Если этот файл расположен в каталоге BOOKS (относительно текущего документа), то гиперссылка должна иметь вид:

<A HREF="BOOKS/CHAPTER2.htm">Ссылка на главу 2</A>.

Если необходима ссылка на определенное место на Web-странице, то можно указать на него следующим образом:

<A HREF="CHAPTER2.htm#CH2001">Ссылка на главу 2, раздел 1</A>.

Если же необходима ссылка на определенное место на текущей странице, необходима, например, следующая ссылка:

<A HREF="#CH2001">Ссылка на раздел 1</A>.

Чтобы пометить фрагмент текста на Web-странице, необходимо поставить на него "якорь":

Это <A NAME="CH2001">раздел 1</A>.

Это все были относительные ссылки, т.е. ссылки по адресам, отсчитанных относительно расположения текущего файла. Существуют также абсолютные ссылки, когда в ссылке указываются абсолютные адреса страниц. Например:

<A HREF="http://mycite.ru/BOOKS/CHAPTER2.htm">Ссылка на главу 2</A>.

Заметим, что хотя многие браузеры игнорируют регистр букв, но в адресах и ссылках необходимо указывать адрес с правильным указанием регистров, иначе на серверах с UNIX-подобной операционной системой данные ссылки могут "провисать". Это связано с особенностями файловых систем UNIX-подобных операционных систем, которые различают верхний и нижний регистр в адресе.

Как правило, дизайнеру не приходится "вручную" ставить гиперссылки. Для вставки гиперссылки в любой программе верстки необходимо:

  1. Выделить текст гиперссылки.
  2. Выбрать кнопку "вставить гиперссылку" на панели управления.
  3. В появившемся диалоговом окне надо либо указать адрес файла, на который будет ссылаться гиперссылка (абсолютный или относительный), либо якорь на текущей странице, либо и адрес файла, и якорь в нем. Конкретный вид диалогового окна в разных систем отличается, поэтому осваивайте его, полагаясь на интуицию.
  4. Заполнив диалоговое окно, выберите кнопку "Ok" для подтверждения изменений и "Cancel" ("Отмена") для отмены изменений.

Для удаления гиперссылки необходимо проделать все предыдущие операции, но в третьем пункте просто очистите диалоговое окно (уберите адреса и/или якоря).

Для вставки якоря необходимо:

  1. Выделить текст, куда необходимо установить якорь.
  2. Выбрать кнопку "вставить якорь" на панели управления (или из пункта меню "Вставить" -> "Якорь").
  3. В появившемся диалоговом окне надо набрать имя якоря.
  4. Заполнив диалоговое окно, выберите кнопку "Ok" для подтверждения изменений и "Cancel" ("Отмена") для отмены изменений.

Обычно в HTML-документах цвет гиперссылки синий , а цвет посещавшейся гиперссылки -- сиреневый . Эти цвета, заданные по-умолчанию, можно изменить с помощью пунктов LINK для обычных ссылок и VLINK для уже открывавшихся ссылок тега <BODY>. Например, чтобы обычные гиперссылки были зелеными, а посещавшиеся -- цвета морской волны, необходимо указать следующую строку:

<BODY LINK="GREEN" VLINK="TEAL">

или, что тоже самое:

<BODY LINK="#00ff00" VLINK="008080">

В системах верстки эти параметры устанавливаются в диалоговом окне "Параметры страницы" ("Page Setup") .

 

Назад...   К оглавлению раздела   Далее...

Hosted by uCoz