Как сделать ссылку на другой файл

Закрыть ... [X]

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

1. Синтаксис тега a href

Для создания ссылки нам необходимо воспользоваться тегом <a></a> и указать в качестве атрибута путь к интересующему нас файлу или же к странице.

<a href="URL">текст ссылки</a>

В атрибуте  href указывается URL, адрес документа (страницы) на которую мы бы хотели переправить пользователя

2. Создание ссылки на другой ресурс

Давайте рассмотри это на примере

<a href="http://Google.com">Google</a>

Так выглядит ссылка на внешний (находящийся не на вашем сайте) файл либо документ, в данном случае указан абсолютный URL адрес

3. Создание ссылки на собственный ресурс

Чтобы создать ссылку на локальный ресурс (находящийся на вашем сайте) необходимо указывать относительный URL

<a href="/home/page-1.html">Первая страница</a>

4. Создание ссылки на файл

Для того чтобы сделать ссылку на любой другой формат файла, отличный от HTML страницы, достаточно также указать путь (URL) к нему (относительный, если файл расположен у вас на сайте и абсолютный, для внешних фалов), вместе с расширением файла.

<a href="/home/cat.gif">Ссылка на анимированного кота</a>

5. Ссылка на загрузку файла

Если вы указываете ссылку на файл в таком формате, то при клике на неё, браузер будет пробовать открыть данный файл в окне. Но если нам необходимо указать ссылку на скачивание фала, то тогда необходимо добавить атрибут download.

<a download href="/home/cat.gif">Скачать анимацию кота</a>

При наличии атрибута download, браузер не переходит по ссылке, а предлагает скачать указанный в адресной строке файл.

6. Использование атрибута title для HTML ссылок

При необходимости, вы можете дать подсказку ссылкам, которую пользователь может будет увидеть при наведении на неё указателя

<a title=”Кликни, чтобы скачать” download href="/home/cat.gif">Скачать анимацию кота</a>

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

7. Открытие ссылки в новом окне браузера

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

<a target=”_blank” href="http://Google.com">Google</a>

8. Что еще, полезно знать о HTML ссылках

Кроме ссылок на документы и фалы, также существует ещё ряд ссылок, которые реже используются, но вы можете активно их применять в своих проектах, такие ссылки как:

<a href="mailto:">Ссылка на почту</a> <a href="tel:+79133786238">Ссылка на номер телефона</a>

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

Форматирование текста

Список из 21 HTML тега для форматирования текста позволяющие как выделять логиче

Meta-теги

Основные рабочие Meta-теги

Спецсимволы в HTML и CSS

Использование спец-символов в HTML и CSS

Абсолютный и относительный url в HTML ссылках

Использование абсолютных и относительных url в ссылках на HTML странице

HTML списки

В этой статье пойдет речь о создании маркированных, нумерованных HTML списков и списков определений с помощью тегов ul, тега ol, тега li, dt, dl, dd. О способе построения многоуровневых HTML списков, а также атрибутах HTML списков.

Поблагодарить автора репостом

ИЛИ

comments powered by HyperComments


Поделись с друзьями



Рекомендуем посмотреть ещё:



Как сделать в Ворде ссылку Быстро создаем гиперссылку на другой файл Как сделать звук в itunes

Как сделать ссылку на другой файл Как сделать ссылку на другой файл Как сделать ссылку на другой файл Как сделать ссылку на другой файл Как сделать ссылку на другой файл

ШОКИРУЮЩИЕ НОВОСТИ