Koble til en PDF-fil med HTML

Koble Til En Pdf Fil Med Html



Noen ganger er det nødvendig å legge til eller legge inn en PDF-formatert fil i et HTML-dokument. PDF-filen kan kobles til HTML-dokumentet på to forskjellige måter (ved å bruke to forskjellige HTML-koder). utviklerne kan bruke HTML ' anker '-taggen og ' iframe ”-taggen for å koble en PDF-fil til HTML-dokumentet. Bruker ' anker '-taggen vil opprette en lenke på grensesnittet som leder brukeren til den definerte PDF-filen, og ved å bruke ' iframe ”-taggen vil lage en iframe i utdataene der PDF-filen vil vises.

I dette innlegget vil vi demonstrere begge metodene for å legge til en PDF-filkobling til et HTML-dokument.

Koble en PDF-fil med HTML

PDF-filene kan kobles til via ' '-taggen og også gjennom '


Metode 1: Bruk Tag

En PDF-fil kan kobles til HTML-en ved å bruke ' anker ' element. La oss praktisk talt implementere denne ideen ved å bruke en PDF-fil som eksempel:



< s > For å åpne PDF-filen

< en href = 'MyDemoFile.pdf' > Klikk her < / en >

< / s >

I koden skrevet ovenfor:



  • Det er ' avsnitt ”-element, inne i avsnittskodene er teksten som skal vises på skjermen. Dette trinnet er valgfritt siden det nettopp er lagt til for å skape en bedre følelse av operasjonen i utdataene.
  • Etter det er det ' anker ' element. Dette er hovedtrinnet i å koble PDF-filen til HTML-en.
  • Inne i åpningsankermerket er ' href '-attributt, og den nøyaktige PDF-filplasseringen er definert i den ' href ' Egenskap.
  • Mellom åpnings- og lukkeanker-taggene er teksten som skal vises som en lenke, ved å klikke på som vil lede brukeren til PDF-filen som er definert i ' href ' Egenskap.

Dette vil generere følgende utgang:



Metode 2: Bruke