Создание обычной гипперссылки
Ссылки HTML позволяют связать текст
или картинку с другими гипертекстовыми документами. Текст,
как правило, выделяется цветом или оформляется подчеркиванием.
Вот обычная конструкция ссылки:
<A HREF="URL"
TARGET="Окно"
TITLE="Подсказка">
Название ссылки</A>
Параметры элемента <A>
представлены в таблице:
| HREF |
URL
(унифицированный локатор ресурсов) - адрес любого файла
в Интернете. Может быть абсолютными, то есть указывается
полный адрес странички (например, http://wseoweb.narod.ru/index.html)
и относительным, как видно из названия указывается файл
относительно текущего (например, index.html). |
| TARGET |
Oпределяет,
в каком окне (фрейме) загрузить гиперссылку. Может иметь
значения:
_top - загружает
гиперссылку на всем пространстве окна браузера (если до
этого существовало разбиение на фреймы, то оно исчезнет).
_blank -
загружает гиперссылку в новом окне браузера.
_self –
загружает содержимое страницы, в окно, которое содержит
эту ссылку (и так используется по умолчанию, так что если
вам надо именно так загрузить ссылку, то параметр target
вообще можно не использовать).
_parent
- загружает содержимое страницы, заданной ссылкой, в окно,
являющееся непосредственным владельцем набора фреймов. |
| TITLE |
Текст подсказки,
который будет появляться при наведении мышки на гиперссылку.
Параметр не обязательный. |
Графический файл в роли ссылки
Гиперссылкой можно сделать и любой
графический файл, поддерживающийся Обозревателем (традиционно
- *.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:wseoweb@dax.rut">Мое
мыло</a>
Почтовая гиперссылка имеет несколько
параметров (не обязательных):
| ?subject
|
Тема
пиcьма |
| &Body |
Текст вашего
сообщения |
| &cc |
Копии письма
через запятую |
| &bcc |
Скрытые копии
письма через запятую |
| title |
title="Выпадающая
подсказка" Ставиться по желанию и распологаеться
отдельно от параметров почтовой ссылки (смотрите расположение
кавычек на примере ниже). |
<a href="mailto:wseoweb@dax.ru
?subject=Поздравление
&Body=text
&cc=wseoweb@narod.ru
&bcc=hidden_lisa@dax.ru"
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>.
|
