Работа с ссылками
Кто-нибудь видел сайт без ссылок? Да, смешно звучит.
Мы не будем рассказывать, что это такое, об них знает любой
кто хотя бы раз побывал в Интернете, а показать как их установить
на странице - покажем.
Любая ссылка в 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>
Это все, что касалось ссылок. Для закрепления темы - нужен
тренинг на своем
ПК.
^^вверх^^
|