Текстовые ссылки для сайта а также как создавать ссылки на файлы

Категория: HTML. Нет комментариев. 26.06.2012.

Здравствуйте, сегодня у нас очень важная тема в которой мы ознакомимся с методикой создания ссылок на вашем сайте. И теперь вы сможете самостоятельно создавать ссылки в HTML как для навигации по сайту так и для того чтобы предоставить своим посетителям возможность скачивать файлы простым нажатием на соответствующую ссылку.

Создание ссылки в html.

Создание ссылки в html.

Сейчас мы рассмотрим как можно создать ссылку на любую страницу как вашего сайта так и любого другого сайта в сети интернет. Для этого нам нужно использовать тег а который является блочным элементом. Давайте сначала рассмотрим какие есть виды ссылок-относительные и абсолютные ссылки.

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

<a href="/путь до файла/имя файла.расширение файла"></a>

Абсолютный путь. Это адрес который указывает не только путь по сайту а также и адрес сайта.

<a href="адрес сайта.ру/путь до файла/имя файла.расширение файла"></a>

Абсолютный путь применяется для того чтобы указать ссылку на адрес другого сайта или файла а для создания ссылок по сайту проще использовать относительные ссылки.

Создание ссылки на файлы и архивы.

Давайте теперь разберемся как вы можете создать ссылку на загруженный файл, архив или простой документ. Первым делом нам нужно загрузить в папку с сайтом нужный нам файл и запомнить путь по которому он находится. После этого прописываем следующий код:

<A HREF="archive.zip">Архив</A>

Где archive это имя файла а zip это расширение данного файла. Давайте теперь рассмотрим некоторые расширения файлов, самые популярные на данный момент.

WORD расширение .docx.
WinRAR расширение .rar.
WinZip расширение .zip.
Adobe Reader расширение .pdf

Так что для того чтобы вашим посетителям можно было скачивать файлы просто указывают адрес имя и расширение файла для скачки.

Атрибуты для текстовых гиперссылок.

Для тега а есть два самых часто используемых атрибута и это атрибуты target и nofollow. Атрибут target применяется в том случае если ссылку нужно открывать в другом окне браузера, по умолчанию любая страница открывается в том же окне что и ссылка и это не совсем удобно для навигации по сайту. Давайте в одну из наших ссылок добавим атрибут target и вы увидите на примере как можно использовать данную команду.

<A HREF="http://www.somesite.ru/pages/page125.html" TARGET="_blank">Страница</A> Открывает страницу в новом окне.
И параметр "_self" который указывает на то что нужно открыть ссылку в том же окне, это действие по умолчанию для всех ссылок и можно просто убрать атрибут target.

<A HREF="http://www.somesite.ru/pages/page125.html" TARGET="_self">Страница</A> Откроет страницу в том же окне.

Атрибут nofollow нужен для того чтобы вы могли запретить поисковым системам индексировать данную ссылку.

<A HREF="http://www.somesite.ru/pages/page125.html" rel="nofollow">Страница</A>

После того как вы добавите к ссылке данный атрибут все поисковики будут игнорировать данную ссылку.

Почтовые гиперссылки.

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

Возьмем для примера такой имейл как moja_rabota@yandex.ru и для создания почтовой ссылки нужно вставить следующий код:

<A HREF="mailto:moja_rabota@yandex.ru">Отправить письмо</A>

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

Как создать ссылку-картинку.

Создать ссылку-картинку на своем сайте не сложно, для этого вам предварительно нужно загрузить картинку на хостинг в папку с всеми файлами сайта а также запомнить путь, по которому находится картинка.

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

<A HREF="http://www.w3.org"><IMG SRC="w3logo.gif"></A>

Как видите мы просто создали текстовую ссылку а в место текста поместили картинку. Кто хочет более подробно узнать о том как вставить картинку можете прочитать мою статью здесь.

Горячие клавиши для ссылок.

Сейчас появилась такая возможность как задание горячей клавиши для любой ссылки на вашем сайте и для этого нам понадобится атрибут ACCESSKEY с помощью которого мы можем назначить для ссылки назначить горячую клавишу, нажав на компьютере на выбранную кнопку мы сможем перейти по ссылке. Вот как это должно быть:

<A HREF="http://www.somesite.ru/pages/page125.html"ACCESSKEY="d">Страница №125</A>

Здесь мы указали браузеру что если пользователь нажимает кнопку d то нужно открыть соответствующую ссылку.

На этом статья про ссылки в HTML закончена и вам надеюсь пригодится данная информация при создании сайта.

С уважением, Василенко Александр

Похожие статьи:

Оставить комментарий