House of Horse. Главная

Сайтостроение

Создание сайта Раскрутка сайта Заработок на сайте ...еще о сайтостроении

HTML. Гиперссылки

Нужно отметить, что гиперссылка может связывать html-страницы как в границах одного сайта, так и направлять на любую страницу Всемирной Паутины. При создании ссылки на чужие страницы всегда нужно пользоваться полным (абсолютным) адресом страницы. Если делается ссылка на страницу находящуюся в пределах сайта, то предпочтительнее применять относительный URL страницы (catalog/page.html, page.html).

Используя атрибут TARGET, создается возможность загрузить html-страницу в новом окне браузера. Такой атрибут предназначен для создания наименования окна. Подобное «имя» окна применяется в служебных целях. Для того, чтобы открыть html-страницу в новом окне браузера нужно использовать константу _blank.

Создавая графическую гиперссылку, требуется всегда помнить, что некоторым пользователям графические изображения недоступны, поэтому обязательно нужно включать необходимые текстовые фрагменты. Для того, чтобы создать гиперссылки используют дескриптор <A>

Пример:

<p><A href="../articles.html" title="Текстовая ссылка, откроется в том же окне">Текстовая ссылка</A></p>

<p><A href="http://houseofhorse.ru/" target="_blank"><IMG src="http://houseofhorse.ru/images/hoh.gif" width="100" alt="Графическая ссылка" title="Графическая ссылка, откроется в новом окне" border=0></A></p>

Результат:

Текстовая ссылка

Графическая ссылка

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

Для того, чтобы построить ссылку на фрагмент текста внутри текущей страницы, требуется дать этому фрагменту название, используя атрибут NAME вместе с тэгом <A>. Такое имя обязано содержать только лишь цифры и буквы. Таким же способом можно создать гиперссылки, указывающие на конкретные фрагменты других страниц внутри одного сайта.

Пример:

<p><a href="#Начало страницы">Начало страницы</a></p>
<p><a href="#Последний абзац">Последний абзац</a></p>

В то место, куда надо перейти вставить:

<a name="Начало страницы"></a>
<a name="Последний абзац"></a>

Результат:

Начало страницы

Последний абзац

Когда вы делаете ссылку на конкретный адрес электронной почты, вам требуется его полностью указать. Необходимо позаботиться о том, чтобы каждому пользователю было понятно, кому он собирается отправить письмо. При создании на вашем сайте почтовой гиперссылки обычно указывают и дополнительный адрес электронной почты, по которому будет отослана копия сообщения. Будет не лишним в такой гиперссылке написать тему отправляемого электронного сообщения.

Пример:

<p><a href="mailto:postmaster@houseofhorse.ru?Subject=Это тема письма">Оправить письмо</a></p>

Результат:

Оправить письмо

Задание цвет текста гиперссылок html-страниц: Такие атрибуты как: VLINK, LINK, ALINK отображают цвет шрифта гиперссылок html-страниц. Атрибут LINK необходим для выделения гиперссылок html-страниц, на которые еще не заходили посетители. Атрибут VLINK - нужен для выделения гиперссылок html-страниц, на которых уже побывали посетители. И в заключение атрибут ALINK служит для выделения активной гиперссылки html-страницы.

Пример:

<body link=#9e7119 vlink=#800000 alink=red>

Рассмотрим порядок перехода по гиперссылкам html-страниц. Отдельные браузеры могут иметь функцию перехода по гиперссылкам html-страниц с использованием клавиши Tab. При таком варианте браузер по умолчанию меняет цвет гиперссылки в порядке их расположения в тексте страницы. Поменять порядок перехода, можно используя атрибут TABINDEX совместно с тэгом <A>. Для того, чтобы включить гиперссылку в список, описывающий последний порядок перехода, требуется присвоить атрибуту TABINDEX какое-нибудь целое положительное число, находящееся в диапазоне от 1 до 32767. Для того, чтобы исключить гиперссылку из списка, нужно присвоить атрибуту какое-нибудь отрицательное число. Если пользователь нажимает клавишу TAB, курсор передвигается к гиперссылке с минимальным положительным числом индекса. Когда нескольким гиперссылкам дано одинаковое число индекса, первой выбранной становится та, которая в тексте страницы расположена выше. Нужно отметить, что атрибут TABINDEX также можно применять для выбора иных объектов, к примеру, графических изображений.


© HouseOfHorse.ru, 2009-2011