Как вставить файл на html страницу?

Достаточно часто владельцы сайтов сталкиваются с необходимостью выложить те или иные файлы – программы, фотографии, медиафайлы и др. Если на интернет-ресурсе нет специальной опции добавления файлов, в коде страницы придется прописать на них прямые ссылки.
Создать сайт самостоятельно с Wix.com

Инструкция

Через панель управления вашим аккаунтом на хостинге закачайте файлы, ссылки на которые вы хотите разместить. Для удобства можете создать отдельную папку – например, files или download. Залить файлы можно и через FTP, последний способ удобен в том случае, если файлы имеют большой размер.

Теперь оформите необходимые ссылки, для этого существует специальный html-код: описание файла Например, у вас есть сайт http://мой_сайт.ru и вам надо вставить ссылку на программу calculator.exe. Сам файл размещен по адресу: http://мой_сайт.ru/downloads/calculator.exe. Тогда ссылка, которую надо разместить в коде сайта, будет иметь вид: Простой калькулятор Фраза «Простой калькулятор» описывает файл, она и будет являться строкой ссылки.

Учтите, что ссылки могут иметь абсолютные и относительные пути. Например, ссылка на файл calculator.exe может быть оформлена так: Простой калькулятор Если файл программы разместить в одной папке с главной страницей, то строка ссылки может выглядеть еще проще: Простой калькулятор

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

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

Внимательно проверяйте указываемые пути к файлам, в них не должно быть ошибок. Выложив страницу сайта со ссылками, обязательно проверьте их на работоспособность.

Оцените статью!