Работа с ссылками
Работа с ссылками
Кто-нибудь видел сайт без ссылок? Да, смешно звучит. Мы не будем рассказывать, что это такое, об них знает любой кто хотя бы раз побывал в Интернете, а показать как их установить на странице - покажем.
Любая ссылка в 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.shtmll">Главная</A>
Если искомая страница находится в подпапки, относительно страницы где находится ссылка, то все немного по другому:
<A HREF="имя подпапки /имя искомой страницы"> текст ссылки</A>
При ссылке на другую папку "древа" используется следующий метод: указывается в коде набор символов "../" за каждый уровень "древа" относительно папки, где находится ссылка с указанием имени папки (если нет подпапок) или только подпапки (если страница там). Пример - искомая страница находится в папке на два уровня вверх, вложенная в подпапку:
<A HREF= "../../ имя подпапки/имя искомой страницы > текст ссылки </A>
По таким же принципам делаются ссылки на любой другой файл.
Объектом ссылки может быть часть документа другой или текущей страницы. Для этого предварительно нужно поставить "метку" в код страницы (с помощью атрибутов ID или NAME ) куда будет произведена ссылка. Сама ссылка будет адресоваться на эту "метку". Пример - присваиваем название той части документа куда будет произведена ссылка:
<A NAME="имя метки"></A> , затем делаем ссылку с указанием имени и адреса метки. Вот так: < A HREF=" адрес # имя метки"> текст ссылки </A>
Примечание: Особо обратите внимание на символ "#" - он обязателен. При ссылке на текущую страницу адрес не указывается.
Ссылку на адрес почтового ящика надо производит так:
<A HREF=" mailto: адрес ящика"> текст для ссылки</A>
Кроме текста объектом в виде ссылки может быть любое изображение. Для этого всего лишь навсего поместите код этого изображения в контейнер <A></A> вместо текста. Пример:
<A HREF="index.shtmll ">
<IMG SRC="img/home.gif" ALT="Главная" WIDTH="16" HEIGHT="16" BORDER="0"> </A>
Это все, что касалось ссылок. Для закрепления темы - нужен тренинг на своем ПК.
Created/Updated: 25.05.2018