Работа с ссылкамиКто-нибудь видел сайт без ссылок? Да, смешно звучит. Мы не будем рассказывать, что это такое, об них знает любой кто хотя бы раз побывал в Интернете, а показать как их установить на странице - покажем. Любая ссылка в HTML-языке обозначается тегом <A> , который имеет следующие атрибуты:
Атрибут HREF в HTML-коде пишется по общим правилам - сразу после тэга через "пробел" . В значение нужно указать "место" куда будем ссылаться. Далее в самом контейнере тега <A> заносится текст ссылки . Если Вы хотите направить сылку на другой сайт, то нужно указывать в значение его полный адрес в Интернете. Пример:
При локальном использовании между страницами ссылка делается непосредственно на саму страницу с указанием расширения файла. Т.к. сайт на сервере представляет собой; "древо" папок- существуют некоторые различия. Так будет выглядеть запись в HTML-коде, если ссылаемся на страницу в той же папке:
Если искомая страница находится в подпапки, относительно страницы где находится ссылка, то все немного по другому: <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> Это все, что касалось ссылок. Для закрепления темы - нужен тренинг на своем ПК. |
|