06.03.2017   2477
Как сделать ссылку на файл в HTML

Делаем ссылку на файл

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

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

Но бывают и исключения. Речь идет о файлах тех типов, с которыми браузер умеет работать. Например, изображения. Их браузер загрузит сразу в своем окне. А современные браузеры умеют также работать с файлами типа pdf, открывая их, а, не предлагая скачать. И это далеко не весь список типов файлов, с которыми работают современные браузеры. В таком случае, чтобы файл скачался а не открылся в браузере, ссылке нужно добавить атрибут download. Например:

<a href="https://minecraft-inside.com/engine/download.php?id=93" download>Скачать SkyBlock Map для MineCraft</a>

Вот в общем-то и всё отличие для ссылок на файлы. Не забудь подписаться, чтобы не пропустить новые уроки!

Домашнее задание
Для просмотра нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

КОММЕНТАРИИ

 AnnaVyushkova 2017-03-20 20:07:48
+1

Добрый вечер! Я не очень поняла, подскажите, пожалуйста. Создавая ссылку на файл с текстом в таком-то формате, как и что именно я должна сделать? Этот файл уже должен как-то быть загружен на стр? Если да, то как загрузить? Или, вообще, как-то по-другому? Как это должно выглядеть <a href="что здесь должно быть?">...</a>?

Ответить
  •  ivashkevich 2017-03-20 20:24:48
    0

    Добрый вечер :) Благодарю за Ваши отзывы, помогаете делать наш курс лучше!
    Давайте приведу более наглядный пример. Создайте WinRAR-архив с несколькими фотографиями, назовите его photos.rar и положите его в папку с Вашей страничкой. Должно получиться вот так:

    После этого нужно создать ссылку на этот файл:

    <a href="photos.rar">Скачать архив с фотографиями</a>

    Напишите пожалуйста, всё ли получилось.

    Ответить
 Pti4ka 2017-04-16 22:19:47
0

Добрый вечер! У меня тоже ест проблемка с этим заданием. атрибут download не работает, файл не скачивается при нажатии, а только открывается, а файл вордовский даже не открывается.
<p><a href="рейтинг кормов.doc">Посмотреть рейтинг кормов </a></p>
<p><a href="рейтинг кормов.doc" download>Скачать файл</a></p>
<p><a href="elya.jpg" download>Скачать файл</a></p>

Ответить
  •  ivashkevich 2017-05-20 06:30:59
    0

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

    Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности