Как сделать ссылку на документ Adobe PDF

Эта инструкция покажет, как создать ссылку на .PDF документ на странице вашего сайта.

Для начала откройте HTML файл, в котором доолжна будет содержаться ссылка. Вы можете редактировать его с помощью любого HTML редактора, но мы рекомендуем использовать приложения Adobe Dreamweaver или Notepad++.

Design Mode

Приложение Adobe Dreamweaver дает разработчикам возможность работать в режиме design. Вы можете переключать режимы с помощью специальных кнопок в левом верхнем углу окна.

Вам потребуется включить панель Properties. В верхнем навигационном меню выберите Window > Properties. Теперь в нижней части экрана должна появиться панель Properties.

Выберите любой текст и в панели Properties укажите ссылку на PDF файл в поле Link.

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

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

HTML mode

Вы можете работать с HTML файлами в режиме кода. Ссылку вы сможете определить следующим способом:

1. Найдите текст, который должен стать ссылкой.

2. Перед текстом добавьте тэг: <a href="#">

3. после текста добавьте закрывающий тэг: </a>

4. Замените символ # в атрибуте href на путь к файлу или его адрем на другом сервере.

В результате вы должны получить:

<a href="https://www.templatemonster.com/help/ru/">Онлайн инструкции по работе с шаблонами</a>

Этот код будет отображать текст: «Онлайн инструкции по работе с шаблонами» ссылка с которого будет вести на сайт «https://www.templatemonster.com/help/ru/«

Абсолютный и относительный адрес ссылки

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

В следующем примере мы создадим ссылку на PDF файл. У нас следующая структура файлов:

• pdf
• readme.pdf
• index.html

PDF файл называется readme.pdf и находится в папке PDF. Наша ссылка находится в файле index.html.

Относительный путь

В указанных выше условиях ссылка на PDF файл будет следующей:

текст ссылки

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

Абсолютный путь

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