Як розмістити PDF-документ на вашому сайті

Автор: Judy Howell
Дата Створення: 28 Липня 2021
Дата Оновлення: 17 Листопад 2024
Anonim
Как вставить PDF-файл для просмотра на сайте: самый простой способ!
Відеоролик: Как вставить PDF-файл для просмотра на сайте: самый простой способ!

Зміст

Існує два способи розмістити PDF-файл на своєму сайті: ви можете додати посилання на нього або вставити фактичний документ PDF у веб-сторінку. Вибраний метод залежить від цілей вашого проекту. Якщо у вас є PDF-файл, який потрібно завжди бачити, він може бути розумнішим. З іншого боку, ви можете не захотіти завантажувати його у веб-браузер, якщо користувачеві не потрібно його бачити. Використовуючи HTML, ви можете зв'язати або вставити PDF-файл у свій веб-сайт.


Інструкції

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

  2. Вставте цей код у розділ "body" документа:

    Ваш веб-переглядач не підтримує PDF-файли

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

    Ваш веб-переглядач не підтримує PDF-файли

    Зверніть увагу, що тег "object" відноситься до класу CSS, який називається "pdf".


  3. Під попереднім кодом розмістіть такий код HTML:

    Див. Зовнішні посилання в PDF

    Це створює гіперпосилання. Замініть "xyz.pdf" на ту ж саму URL-адресу, яку ви вказали раніше.

  4. Вставте наведений нижче код у розділ "голова" документа:

    type = "text / css"> .pdf {висота: 400px; ширина: 500px;}

    Це створює клас "pdf", на який посилається тег "object" у розділі "body". Цей клас дозволяє встановити висоту і ширину PDF. У цьому прикладі ці значення становлять 400 і 500 пікселів. Змініть їх на інші значення, щоб змінити розміри засобу перегляду PDF.

  5. Збережіть документ і відкрийте його у веб-переглядачі. Відобразиться PDF-файл. Натисніть посилання, яке з'явиться на сторінці. Ваш браузер переходить до того самого документа PDF.

Як

  • Зауважте, що тег "object" містить текст "Ваш веб-переглядач не підтримує PDF-файли". Це стандартний текст, який відображається, якщо браузер користувача не підтримує перегляд PDF. Ви можете змінити цей текст відповідно до ваших потреб.