www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Ссылки > Как сделать ссылку

Как сделать ссылку

контентовая версия  

Для разработки ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес объекта, на который следует сделать ссылку. Оба действия выполняются с помощью тега <A>, который имеет единственный обязательный параметр href. В качестве значения используется адрес объекта (URL).

Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени с нашего сайта или web-страницы, где прописана ссылка. Начинаются они с указания протокола передачи данных. Так, для web-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи гиперконтента), соответственно, абсолютные ссылки начинаются с ключевого слова http:// (пример 1).

Пример 1. Использование абсолютных ссылок

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Абсолютная ссылка</title>
</head>
<body>

<p><a href="http://www.yandex.ru">Поисковая система Яндекс</a></p>

</body>
</html>

Относительные ссылки, как следует из их названия, построены относительно текущего объекта или адреса.

Примеры относительных адресов

/
/demo/

Эти две ссылки называются неполные и указывают web-серверу загружать файл index.ШТМЛ (или default.ШТМЛ), который находится в корне с нашего сайта или папке demo. Если файл index.ШТМЛ отсутствует, браузер, как правило, показывает список файлов, находящихся в данном каталоге.

/images/pic.gif
Слэш перед адресом говорит о том, что адресация начинается от корня с нашего сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне с нашего сайта.

../help/me.ШТМЛ
Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов с нашего сайта.

manual/info.ШТМЛ
Если перед именем папки нет никаких дополнительных символов, вроде двоеточия, то она размещена внутри текущего каталога (пример 2).

Пример 2. Использование относительных ссылок

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Относительная ссылка</title>
</head>
<body>

<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.ШТМЛ">Как сделать такое же фото?</a></p>

</body>
</html>

Иногда можно встретить в адресе ссылки путь в виде ./file/doc.ШТМЛ. Точка со слэшем (символ /) означает, что отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить до file/doc.ШТМЛ.

Статья опубликована: 06.09.2009 Последнее обновление: 24.02.2009
Поиск по сайту
Ссылки
Разделы
Теги по теме

A
Тег A является одним из важных элементов ШТМЛ и предназначен для разработки ссылок. В зависимости от присутствия параметров name или href тег A устанавливает ссылку или якорь.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект