Работа с ссылками
Кто-нибудь видел сайт без ссылок? Да, смешно звучит.
Мы не будем рассказывать, что это такое, об них знает любой
кто хотя бы раз побывал в Интернете, а показать как их установить
на странице – покажем.
Любая ссылка в HTML-языке обозначается тегом
<A>
, который имеет следующие атрибуты:
-
HREF
– адресация
-
ID
или
NAME – внутренний адрес части документа
-
TARGET
– показывает в каком окне будет открыта ссылка. (значения
– _blank (новом), _self (текущем), _top и _parent.
-
TITLE
– комментарии к ссылке , которые видны в браузере при наводке
мыши.
-
LINK
,
ALINK,
VLINK
– цвет ссылок в зависимости от наведения мыши.
Употребляются в
каскадных листах стилей
или непосредственно
в тэге
<BODY>.
Атрибут
HREF в HTML-коде пишется
по общим правилам – сразу после тэга
через
«пробел»
. В значение нужно указать
«место» куда будем ссылаться. Далее
в самом контейнере тега <A> заносится
текст
ссылки
. Если Вы хотите направить сылку на другой сайт, то нужно
указывать в значение его полный адрес в Интернете. Пример:
<A HREF=»http://www.vesty.ru>Новости</A>
При локальном использовании между страницами ссылка делается непосредственно
на саму страницу с указанием расширения файла. Т.к. сайт на
сервере представляет собой; «древо» папок- существуют некоторые
различия. Так будет выглядеть запись в HTML-коде, если ссылаемся
на страницу в той же папке:
< A HREF=»index.html»>Главная</A>
Если искомая страница находится в подпапки, относительно страницы где
находится ссылка, то все немного по другому:
<A HREF=»имя подпапки
/имя искомой страницы»>
текст ссылки</A>
При ссылке на другую папку «древа» используется следующий метод: указывается
в коде набор символов
«../»
за каждый уровень «древа»
относительно папки, где находится ссылка с указанием имени
папки (если нет подпапок) или только подпапки (если страница
там). Пример – искомая страница находится в папке на два уровня
вверх, вложенная в подпапку:
<A HREF=
«../../
имя подпапки/имя искомой страницы
>
текст ссылки
</A>
По таким же принципам делаются ссылки на любой другой файл.
Объектом ссылки может быть
часть документа
другой или текущей страницы.
Для этого предварительно нужно поставить «метку» в код страницы
(с помощью атрибутов
ID или
NAME
) куда будет произведена ссылка. Сама ссылка будет адресоваться
на эту «метку». Пример – присваиваем название той части документа
куда будет произведена ссылка:
<A NAME=»имя метки«></A>
, затем делаем ссылку с указанием имени и адреса метки. Вот так: <
A
HREF=»
адрес
#
имя метки«>
текст ссылки
</A>
Примечание: Особо обратите внимание на символ
«#» – он
обязателен.
При ссылке на текущую страницу адрес не указывается.
Ссылку на адрес
почтового ящика
надо производит так:
<A HREF=»
mailto:
адрес ящика«>
текст для ссылки</A>
Кроме текста объектом в виде ссылки может быть любое изображение. Для
этого всего лишь навсего поместите
код этого изображения
в контейнер
<A></A>
вместо текста. Пример:
<A HREF=»index.html
«>
<IMG SRC=»img/home.gif» ALT=»Главная» WIDTH=»16″ HEIGHT=»16″ BORDER=»0″>
</A>
Это все, что касалось ссылок.
