HtmlGuide.ru

Создание ссылок в HTML. Как сделать ссылку на архив?

Автор admin | Дата: 06.06.2008

Часто задают вопросы по поводу ссылок, а темы с описаниями атрибутов тега на сайте нет. Рассмотрим подробнее тег для создания ссылок в HTML и его наиболее популярные параметры.

Для создания ссылки в HTML применяется тег <A>. Тег парный, а конструкция выглядит следующим образом:

<a href=”url”>text</a>

Это стандартная конструкция, где вместо url нужно прописать путь, куда ведет ссылка, а в поле text, текст ссылки. Ссылаться можно как на внутренние документы сайта, так и на внешние ресурсы, а также в html есть возможность ссылаться внутри одного документа. Последний способ представляет интерес, когда на одной странице содержится текст большого объема. Тогда проставив ссылки в начало документа, вы облегчите доступ посетителю к наиболее интересным оглавлениям большой статьи.

Ссылка внутри документа выглядит следующим образом.

<a name=”top”></a> - ставите в место, на которое будете ссылаться.

<a href=”#top”></a> - ссылка, которое указывает на место, для которого вы указали имя. В нашем случае, в место, куда вы поставите <a name=”top”>

Как сделать изображение ссылкой?

Для того, чтобы сделать изображение ссылкой вы можете описать тег IMG тегом ссылки. Выглядеть это будет примерно так.

<a href=”url”><img src=”path”></a>

Обратите внимание, что картинка будет иметь рамку стандартного для ссылок цвета. Если вам не нужна такая рамка, вы можете указать размер рамки 0. Или прописать стили для рамки изображения.

Примеры:

<a href=”url”><img src=”path” border=”0”></a>. Картинка будет без рамки.

<a href=”url”><img src=”path” style=”border: 1px solid #ccc”></a>. Для рамки указаны стили.

Как сделать ссылку на архив?

Ссылка на архив выглядит таким же образом, как и для любого другого документа. Например, если вы хотите, что посетители могли скачать архив arch.zip который находиться в корневой директории вашего сайта вам необходимо прописать.

<a href=”url/arch.zip”>Скачать архив</a>. Таким же образом вы можете указать ссылку на mp3 файлы. В последнем случае, в некоторых браузерах будет попытка сразу воспроизвести музыкальный файл.

Как сделать ссылку на почтовый адрес?

Для указания почтового адреса в HTML есть специальная конструкция.

<a href=mailto:mail@mail.ru>пишите письма</a>. Где в качестве mail@mail.ru вам необходимо указать адрес вашего почтового ящика.

Структура сайта и организация ссылок.

Если вы ссылаетесь на страницу, которая находиться в той же директории, адрес будет выглядеть следующим образом.

<a href=”page.html”>ссылка</a>

Т.е. если, например, файлы index.html и page.html находятся в одной директории, и из файла index.html надо поставить ссылку на страницу page.html то конструкция будет выглядеть так, как указано выше.

<a href=”foto/foto2007.html”>Фотки 2007</a>

Такая конструкция говорит, что наш файл находиться в директории foto. Т.е., структура будет выглядеть так:

Index.html

- foto
- foto2007.html
- foto2008.html
- news

<a href=”../foto/foto2007.html”>Фотки 2007</a>

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

Наглядно на примере:

Index.html

- foto
- foto2007.html – хотим сделать ссылку сюда
- foto2008.html
- news
- news0608.html – мы тут

Другими словами можно понять так. Выйти из поддиректории news к главной директории. А из главной директории зайти в директорию foto.

Вы всегда можете в качестве ссылок указывать полный адрес, например,

<a href=http://www.name.tld/page.html></a>