Текстовые гиперссылки

Текстовые гиперссылки

Начнем с самых простых — текстовых гиперссылок, которые представляют собой фрагмент текста.

Создание гиперссылок

Создать текстовую гиперссылку очень просто. Достаточно найти в блочном элементе (например, абзаце) фрагмент текста, который нужно превратить в гиперссылку, и заключить его в парный тег <A>. Интернет-адрес целевой Web-страницы указывают в атрибуте HREF этого тега.

Гиперссылка (т. е. тег <A>) представляет собой встроенный элемент Web-страницы, т. е. это часть блочного элемента, например, абзаца:

Вот гиперссылка, которая указывает на Web-страницу page125.html, хранящуюся в папке pages, вложенной в корневую папку сайта, на сайте http://www.somesite.ru:

<A HREF="http://www.somesite.ru/pages/page125.html">Страница № 125</A>

А эта гиперссылка указывает на архивный файл archive.zip, хранящийся в той же папке, что и Web-страница, которая в данный момент открыта в Web-обозревателе (текущая Web-страница):

<A HREF="archive.zip">Архив</A>

При щелчке на гиперссылке Web-обозреватель предложит загрузить этот архивный файл и либо открыть его, либо сохранить на диске клиентского компьютера. Пример:

<P><A HREF="22.html">Предыдущая страница</A>,

<A HREF="24.html">следующая страница</A>.</P>

Этот фрагмент HTML-кода создает абзац, содержащий сразу две гиперссылки, которые указывают на разные целевые Web-страницы.

Текст, являющийся гиперссылкой, можно оформлять, используя любые теги, приведенные в главе 3.

Пример:

<A HREF="http://www.somesite.ru/pages/page125.html">Страница

<EM>№ 125</EM></A>

Тег <A> поддерживает необязательный атрибут TARGET. Он задает цель гиперссылки, указывающую, где будет открыта целевая Web-страница. Так, если атрибуту TARGET присвоить значение "_blank", целевая страница будет открыта в новом окне Web- обозревателя.

Например, если мы изменим код первого примера гиперссылки таким образом (исправления выделены полужирным шрифтом):

<A HREF="http://www.somesite.ru/pages/page125.html" TARGET="_blank">Страница № 125</A>

"Страница № 125" будет открыта в новом окне Web-обозревателя.

Чтобы задать обычное поведение гиперссылки (когда целевая Web-страница открывается в том же окне Web-обозревателя), нужно присвоить атрибуту TARGET значение "_self" (это его значение по умолчанию) или вообще убрать данный атрибут из тега <A>.

Имеется также возможность создать гиперссылку, которая никуда не указывает ("пустая" гиперссылка). Для этого достаточно задать в качестве значения атрибута HREF значок # ("решетка")

<A HREF="#">А я никуда не веду!</A>

При щелчке на такой гиперссылке ничего не произойдет.

НА ЗАМЕТКУ

"Пустыми" гиперссылками мы будем активно пользоваться в частях III и IV, когда начнем писать Web-сценарии.

Правила отображения гиперссылок Web-обозревателем:

— обычные гиперссылки выделяются синим цветом;

— гиперссылки, по которым посетитель уже "ходил" (посещенные гиперссылки), выводятся темно-красным цветом;

— гиперссылка, по которой посетитель в данный момент щелкает (активная гиперссылка), выводится ярко-красным цветом;

— текст любых гиперссылок подчеркивается;

— при помещении курсора мыши на гиперссылку Web-обозреватель меняет его форму на "указующий перст".

Таково поведение по умолчанию, которое мы можем изменить, создав соответствующее представление. О том, как это сделать, будет рассказано в части II.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Почтовые гиперссылки

Из книги автора

Почтовые гиперссылки HTML позволяет нам создать гиперссылку, указывающую на адрес электронной почты (почтовую гиперссылку). Щелчок на ней запустит программу почтового клиента, установленную в системе по умолчанию. Интернет-адрес такой гиперссылки записывается особым


Графические гиперссылки 

Из книги автора

Графические гиперссылки  В начале этой главы говорилось, что гиперссылка может быть в виде не только фрагмента текста, но и картинки или даже представлять собой фрагмент графического изображения. Вот графическими гиперссылками мы сейчас и


Изображения-гиперссылки

Из книги автора

Изображения-гиперссылки Язык HTML позволяет использовать в качестве содержимого гиперссылки любой фрагмент любого блочного элемента, в том числе и графическое изображение, т. е. создать изображение-гиперссылку.Для создания изображения гиперссылки достаточно поместить


Текстовые гиперссылки

Из книги автора

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


Почтовые гиперссылки

Из книги автора

Почтовые гиперссылки HTML позволяет нам создать гиперссылку, указывающую на адрес электронной почты (почтовую гиперссылку). Щелчок на ней запустит программу почтового клиента, установленную в системе по умолчанию. Интернет-адрес такой гиперссылки записывается особым


Графические гиперссылки

Из книги автора

Графические гиперссылки В начале этой главы говорилось, что гиперссылка может быть в виде не только фрагмента текста, но и картинки или даже представлять собой фрагмент графического изображения. Вот графическими гиперссылками мы сейчас и


Изображения-гиперссылки

Из книги автора

Изображения-гиперссылки Язык HTML позволяет использовать в качестве содержимого гиперссылки любой фрагмент любого блочного элемента, в том числе и графическое изображение, т. е. создать изображение-гиперссылку.Для создания изображения гиперссылки достаточно поместить


Контекстное меню гиперссылки

Из книги автора

Контекстное меню гиперссылки Для начала давайте окончательно разберемся с так часто встречающимися нам гиперссылками. Щелкните правой кнопкой мыши на любой гиперссылке на загруженной веб-странице. Что-то мне подсказывает, что после этого появится контекстное меню


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

Из книги автора

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


Текстовые фреймы

Из книги автора

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


Гиперссылки

Из книги автора

Гиперссылки Гиперссылки по праву считаются основой Интернета. Вся суть Всемирной паутины заключается в присутствии ссылок на страницах различных интернет-ресурсов, благодаря чему становится возможным быстрый переход с сайта на сайт. Рассмотрим вопросы использования


Текстовые редакторы

Из книги автора

Текстовые редакторы Полноценные офисные пакеты появились в Linux относительно недавно, а вот текстовых редакторов различного назначения в этой системе предостаточно. Иногда даже возникают конфликты между сторонниками популярных редакторов – например, Emacs и vi. По


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

Из книги автора

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


Текстовые узлы

Из книги автора

Текстовые узлы Символьные данные, содержащиеся в документе, организуются в виде текстовых узлов. Последовательности символов, встречающиеся в документах, в целях экономии никогда не разбиваются на два или более текстовых узла, а текстовые узлы никогда не бывают пустыми.


Добавление гиперссылки

Из книги автора

Добавление гиперссылки Объекты можно связывать между собой гиперссылками. При помощи гиперссылок можно открывать файлы, Web-страницы или отдельные страницы блокнота. Для добавления гиперссылки необходимо выполнить следующие действия:1. Перейти на страницу блокнота, с