Länka till en PDF-fil med HTML

Lanka Till En Pdf Fil Med Html



Ibland krävs det att man lägger till eller bäddar in en PDF-formaterad fil i ett HTML-dokument. PDF-filen kan länkas till HTML-dokumentet på två olika sätt (med två olika HTML-taggar). utvecklarna kan använda HTML ' ankare '-taggen och ' iframe ”-tagg för att länka en PDF-fil med HTML-dokumentet. Använda ' ankare ”-taggen skapar en länk i gränssnittet som leder användaren till den definierade PDF-filen och använder ” iframe ”-taggen skapar en iframe i utgången där PDF-filen kommer att visas.

I det här inlägget kommer vi att visa båda metoderna för att lägga till en PDF-fillänk till ett HTML-dokument.

Länka en PDF-fil med HTML

PDF-filerna kan länkas via ' '-taggen och även genom '


Metod 1: Använd -taggen

En PDF-fil kan länkas till HTML med hjälp av ' ankare ' element. Låt oss praktiskt implementera denna idé med en PDF-fil som exempel:



< sid > För att öppna PDF-filen

< a href = 'MyDemoFile.pdf' > Klicka här < / a >

< / sid >

I koden skriven ovan:



  • Där är ' paragraf ” element, inuti stycketaggarna finns texten som ska visas på skärmen. Det här steget är valfritt eftersom det just har lagts till för att skapa en bättre känsla av operationen i utgången.
  • Efter det finns det ' ankare ' element. Detta är huvudsteget för att länka PDF-filen med HTML.
  • Inuti den öppnande ankaretiketten är ' href '-attribut, och den exakta PDF-filens plats har definierats i det ' href ' attribut.
  • Mellan öppnings- och stängningsankartaggarna finns texten som ska visas som en länk, genom att klicka på vilken leder användaren till PDF-filen som definieras i ' href ' attribut.

Detta kommer att generera följande utdata:



Metod 2: Använd