Свързване към PDF файл с HTML

Sv Rzvane K M Pdf Fajl S 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: Използване на етикет