Ссылка на файл PDF с помощью HTML

Ssylka Na Fajl Pdf S Pomos U Html



Иногда требуется добавить или встроить файл в формате PDF в документ HTML. Файл PDF можно связать с документом HTML двумя различными способами (используя два разных тега HTML). разработчики могут использовать HTML « якорь » и тег « iframe », чтобы связать файл PDF с документом HTML. Используя ' якорь » создаст ссылку в интерфейсе, которая направит пользователя к определенному PDF-файлу, а с помощью « iframe ” создаст на выходе iframe, в котором будет отображаться PDF-файл.

В этом посте мы продемонстрируем оба метода добавления ссылки на файл PDF в документ HTML.

Связывание файла PDF с HTML

Файлы PDF можно связать через « <а> », а также через тег «


Способ 1: использование тега

Файл PDF можно связать с HTML с помощью « якорь элемент. Давайте практически реализуем эту идею на примере файла PDF:



< п > Чтобы открыть файл PDF

< а href '=' 'MyDemoFile.pdf' > кликните сюда < / а >

< / п >

В коде, написанном выше:



  • Здесь ' параграф », внутри тегов абзаца находится текст, который будет отображаться на экране. Этот шаг является необязательным, так как он был только что добавлен, чтобы создать лучшее представление об операции на выходе.
  • После этого идет « якорь элемент. Это основной шаг в связывании файла PDF с HTML.
  • Внутри открывающего тега привязки находится « href », а точное местоположение файла PDF было определено в этом « href атрибут.
  • Между открывающим и закрывающим тегами привязки находится текст, который будет отображаться в виде ссылки, нажатие на которую направит пользователя к файлу PDF, определенному в « href атрибут.

Это приведет к следующему результату:



Способ 2: использование тега