Ссылки и цвет.
| Введение. Создание обычной гипперссылки. Вверх |
Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:
<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>
Параметры элемента <A> представлены в таблице:
| HREF | URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички (например, http://web.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html). |
| TARGET | Oпределяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения:
_top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет).
_blank - загружает гиперссылку в новом окне браузера.
_self – загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать).
_parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. |
| TITLE | Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный. |
|
Для примера я создал ссылку на документ 002.htm под рисунком (смотрите ниже). Предпологаеться, что оба документа находяться в одной папке.
<p align=center>
<img border=0 src="015.jpg" Width="520" Height="390" alt="Мой рисунок"><br>
|
<a href="002.htm" target="self" title="Пример ссылки">LINK</a>
|
</p>
|
Щелкнув на ссылку откроеться другой документ, в данном случае 002.htm.
| Графический файл в роли ссылки. Вверх |
Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):
<a href="URL" target="Окно">
<img border="0"
src="Рисунок" width="Ширина"
height="Высота" TITLE="Подсказка>
</a>
Вы можете также создать ссылку на e-mail, в это случае нужно в качестве URL’a прописать следующее:
mailto:адрес электронной почты
Например:
<a href="mailto:web@debryansk.net">Мое мыло</a>
Почтовая гиперссылка имеет несколько параметров (не обязательных):
?subject - Тема пиcьма
&Body - Текст вашего сообщения
&cc - Копии письма через запятую
&bcc - Скрытые копии письма через запятую
title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки (смотрите расположение кавычек на примере ниже).
<a href="mailto:lenin@zeos.net ?subject=Поздравление &Body=text &cc=copy@mail.ua.net &bcc=hidden_copy@mail.ua.net"
title="Пример почтовой гиперссылки">Мое мыло</a>
|
Щелкнув на такую ссылку, откроется окно почтовой программы пользователя с уже заполнеными полями. Останется только написать письмо и отправить.
Иногда возникает вопрос: как сделать ссылку на определенное место в том же или в другом документе? Чтобы нажав по какой-нибудь ссылке можно было попасть в определенное место данного документа. Вот в этом нам и помогут закладки.
Ссылка на закладку в том же документе имеет следующий вид:
<a href="#Имя закладки">Название раздела</a>
А так выглядит ссылка на закладку в другом документе:
<a href="Имя документа#Имя закладки">Название раздела</a>
Сама закладка будет такой:
<A NAME="Имя закладки"></a>
Щелкнув на Название раздела пользователь будет попадать на определенную Вами закладку. Вверху данной страницы находится содержание, оформленное как ссылки на определенные закладки, находящиеся в этом же документе.
Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в тег <BODY> нужно добавить еще несколько параметров.
text - цвет текста.
link - цвет ссылки.
vlink - цвет пройденой ссылки.
alink - цвет активной ссылки, когда подводиться к ней курсор.
<BODY
text="black" link="blue" vlink="purple" alink="red">
Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в теге <BODY>.
