Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

       

Текстовые ссылки в HTML

Ссылки (или гиперссылки) позволяют щелчком кнопки мыши на выделенном тексте или изображении перейти к другому файлу или фрагменту страницы. Ссылки применяются в большинстве существующих страниц. Они могут быть текстовыми и графическими. Текстовые ссылки представляют собой выделенное слово или целую фразу. Выделение ссылки производится цветом или подчеркиванием, в зависимости от настройки браузера.

В языке HTML структуры текстовых и графических ссылок подобны друг другу. Все они задаются тегом <А HREF>, которому соответствует закрывающий тег </А>. В ссылке сначала указывается имя файла, на который она ссылается, а затем текст или имя графического файла, содержащего изображение ссылки. Кроме простых графических ссылок, можно создать так называемую графическую карту ссылок: картинку с «горячими областями», щелчок на которых приводит к срабатыванию соответствующих ссылок.

Структура текстовой ссылки имеет следующий вид (обратите внимание на закрывающий тег ссылки </А>) :

<А НREF="адрес_ссылки"> текст_ссылки </А>

Например, следующий тег описывает ссылку на HTML-файл ДОКУМ2.НТМ, при этом ссылка на экране будет представлена текстом Щелкните здесь:

<А НREF="докум2.htm"> Щелкните здесь </А>

Отметим, что браузер не выводит на экран имя файла, к которому требуется перейти по ссылке, а показывает лишь текст, заключенный в теге между угловыми скобками > и <. Если же вы хотите, чтобы внешне ссылка выглядела, как имя файла, на который она ссылается, то просто напишите его имя вместо текста, например:

<А НREF="докум2.htm"> докум2.htm </А>

Можно ссылаться не только на другие файлы, но и на собственный файл. Поскольку настройки цвета в браузере у различных пользователей могут отличаться, возникает задача принудительного задания цветов, чтобы обеспечить хорошую видимость ссылок. Выше мы уже рассматривали, как задать цвет фона и текста. Это делается в теге <BODY> с помощью атрибута LINK для непрочитанной ссылки и VLINK — для прочитанной ссылки.

<BODY BGCOLOR="#303030" TEXT="BLUE" LINK="GREEN" VLINK="YELLOW">

 

 

 

Top.Mail.Ru
Top.Mail.Ru