Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

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

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

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

</body>
</html>

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

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

/
/demo/

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

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

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

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

</body>
</html>

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





На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!