Как разместить PDF документ на вашем сайте

Автор: Judy Howell
Дата создания: 27 Июль 2021
Дата обновления: 1 Декабрь 2024
Anonim
Как вставить документ на сайт для скачивания: Word, PDF, Jpeg
Видео: Как вставить документ на сайт для скачивания: Word, PDF, Jpeg

Содержание

Есть два способа разместить PDF на вашем сайте: вы можете добавить ссылку на него или встроить реальный PDF документ в веб-страницу. Выбор метода зависит от целей вашего проекта. Если у вас есть PDF-файл, который вы хотите всегда видеть, включить его, возможно, будет разумнее. С другой стороны, вы можете не захотеть загружать его в веб-браузер, если пользователю не нужно его видеть. Используя HTML, вы можете добавить ссылку или вставить PDF на ваш сайт.


направления

Узнайте, как разместить файлы PDF на веб-сайтах (T файл изображения Серхио Хаяши из Fotolia.com)
  1. Запустите редактор HTML и откройте документ HTML.

  2. Вставьте этот код в раздел «тело» документа:

    Ваш браузер не поддерживает PDF-файлы

    Тег "object" включает PDF-файл в веб-страницу. Замените "xyz.pdf" на URL-адрес PDF-файла, который находится в Интернете. Например, если PDF-файл находится на вашем собственном веб-сервере, а URL-адрес PDF - "http : //www.myserver.com/test.pdf ", код должен выглядеть следующим образом:

    Ваш браузер не поддерживает PDF-файлы

    Обратите внимание, что тег «object» относится к классу CSS, который называется «pdf».


  3. Поместите следующий HTML-код ниже предыдущего кода:

    Смотрите внешнюю ссылку в PDF

    Это создает гиперссылку. Замените «xyz.pdf» тем же URL-адресом для PDF, который вы указали ранее.

  4. Вставьте приведенный ниже код в раздел «head» документа:

    type = "text / css"> .pdf {height: 400px; ширина: 500 пикселей;}

    Это создает класс «pdf», на который ссылается тег «object» в разделе «body». Этот класс позволяет вам установить высоту и ширину PDF. В этом примере эти значения составляют 400 и 500 пикселей. Измените их на другие значения, чтобы изменить размеры средства просмотра PDF.

  5. Сохраните документ и откройте его в браузере. PDF отображается. Нажмите на ссылку, которая появляется на странице. Ваш браузер переходит к тому же документу PDF.

чаевые

  • Обратите внимание, что тег «object» содержит текст «Ваш браузер не поддерживает PDF». Это текст по умолчанию, который отображается, если браузер пользователя не поддерживает просмотр PDF. Вы можете изменить этот текст в соответствии с вашими потребностями.