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

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

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

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



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

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

Мастер создания гиперссылок

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

Мастер создания гиперссылок О важности такого элемента, как гиперссылка, мы уже неоднократно говорили ранее. Также мы уже знаем, как в программе CatsHtml осуществляется вставка гиперссылок с помощью соответствующей кнопки на вкладке


Вставка гиперссылок и графических изображений

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

Вставка гиперссылок и графических изображений Выше мы уже неоднократно отмечали, что одним из главных элементов любой веб-страницы является гиперссылка. В программе HtmlPad процесс создания гиперссылок автоматизирован: для этого нужно на вкладке HTML/Текст


Формирование гиперссылок

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

Формирование гиперссылок Поскольку без гиперссылок не обходится ни одна веб-страница, в программе NeonHtml реализована возможность автоматической вставки гиперссылок. Для решения данной задачи необходимо перейти на вкладку


Вставка гиперссылок на внутренние и внешние ресурсы

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

Вставка гиперссылок на внутренние и внешние ресурсы Здесь мы расскажем о том, как средствами программы Extra Hide Studio можно формировать на веб-странице ссылки на внутренние и внешние ресурсы (под внутренними ресурсами в данном случае подразумеваются другие страницы этого же


Создание

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

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


Создание

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

Создание Начнем с самой простой и очевидной задачи – создание личного сайта «с нуля». Для этого необходимо направить свой браузер по вполне очевидному (надеюсь, к последней главе книги подход Google к адресации стал более чем понятен!) адресу http://sites.google.com, не забыв привычным


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

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

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


Дополнительные возможности гиперссылок

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

Дополнительные возможности гиперссылок Язык HTML предлагает нам некоторые дополнительные возможности для создания гиперссылок. Их применяют нечасто, но иногда они полезны.Прежде всего, мы можем указать для гиперссылки "горячую" клавишу. Если посетитель нажмет эту


Псевдоклассы гиперссылок

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

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


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

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

Псевдостили гиперссылок Псевдостили применяются к гиперссылкам <A>.activeПрименяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.{Задание стиля гиперссылки}:active {Определение стиля};Аналогичен атрибуту alink тега <BODY>.


Создание

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

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


Дополнительные возможности гиперссылок

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

Дополнительные возможности гиперссылок Язык HTML предлагает нам некоторые дополнительные возможности для создания гиперссылок. Их применяют нечасто, но иногда они полезны.Прежде всего, мы можем указать для гиперссылки "горячую" клавишу. Если посетитель нажмет эту


Псевдоклассы гиперссылок

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

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


Использование гиперссылок

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

Использование гиперссылок Говоря формально, гиперссылка – это цветной подчеркнутый текст или графический объект, щелчок по которому приводит к открытию файла, фрагмента файла или страницы HTML в Internet. Гиперссылка является указателем с одного объекта на другой. По