- Введение. Создание обычной гипперссылки.
- Графический файл в роли ссылки.
- Ссылка на e-mail.
- Закладки.
- Ссылки и цвет.
Введение. Создание обычной гипперссылки. Вверх Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:
<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>
Параметры элемента <A> представлены в таблице:
HREF URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички (например, http://lenininc.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>
</p><a href="002.htm" target="self" title="Пример ссылки">LINK</a> Щелкнув на ссылку откроеться другой документ, в данном случае 002.htm.
Графический файл в роли ссылки. Вверх Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):
<a href="URL" target="Окно">
<img border="0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка>
</a>Ссылка на e-mail. Вверх Вы можете также создать ссылку на e-mail, в это случае нужно в качестве URL’a прописать следующее:
mailto:адрес электронной почты
Например:
<a href="mailto:samsdelaysayt@yandex.ru">Мое мыло</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>.
| Ссылки. |
| Copyright ©2009 Валентин Иткинд -= END =- |
|
|
