Noen ganger kreves det å 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 hjelp av to forskjellige HTML -tagger). Utviklerne kan bruke HTML “
anker”Tag og“
iframe”Tag for å koble en PDF -fil med HTML -dokumentet. Bruker "
anker”Tag vil opprette en lenke på grensesnittet som leder brukeren til den definerte PDF -filen, og ved å bruke“
iframe”Tag vil opprette en iframe i utdataene som PDF -filen skal vises.
I dette innlegget vil vi demonstrere begge metodene for å legge til en PDF -fillenke til et HTML -dokument.
Koble en PDF -fil med HTML
PDF -filene kan kobles gjennom “”Tag og også gjennom“" stikkord. Begge metodene kan legge til en PDF -fil i HTML, men begge metodene genererer forskjellige utganger. La oss diskutere begge metodene i detalj.
Metode 1: Bruke tag
En PDF -fil kan kobles til HTML ved å bruke "anker”Element. La oss praktisk talt implementere denne ideen ved å bruke en PDF -fil som et eksempel:
Å åpne PDF -filen
Klikk her
I koden skrevet over:
- Det er “avsnitt”Element, inne i avsnittsmerker er teksten som skal vises på skjermen. Dette trinnet er valgfritt, da det nettopp er lagt til for å skape en bedre følelse av operasjonen i utgangen.
- Etter det er det “anker”Element. Dette er hovedtrinnet i å koble PDF -filen med HTML.
- Inne i åpningsankertaggen er "href”Attributt, og den nøyaktige PDF -filstedet er definert i det“href" Egenskap.
- Mellom åpningen og de lukkende ankerkodene er teksten som skal vises som en lenke, og klikker på som vil lede brukeren til PDF -filen som er definert i "href" Egenskap.
Dette vil generere følgende utgang:
Metode 2: Bruke
En PDF -fil kan kobles til et HTML -dokument også ved å bruke "”Tag med“src”Attributt inni det:
I uttalelsen ovenfor eller IFRAME -elementet:
- Det er “iframe”Åpne og lukkende tagger for å lage en iframe i utgangen.
- Åpningen iframe -taggen inneholder “src”Attributt som brukes til å legge til nettadressen til en ekstern kilde. Den nøyaktige plasseringen av PDF -filen er definert i "src" Egenskap.
- Etter "src”Attributt, det er“bredde”Og“høyde”Attributter inne i åpningen IFRAME -taggen.
Dette vil vise følgende grensesnitt i utgangen:
Dette oppsummerer de to forskjellige metodene for å koble eller legge inn en PDF -fil i et HTML -dokument.
Konklusjon
PDF -filen kan kobles eller legges til et HTML -dokument ved å bruke "”(Anker) element så vel som“”Element. Bruker "anker”Element krever å legge til“href”Attributt i åpningsankerkodene og definere PDF -filplassen i den. På den annen side, ved å bruke "iframe”Element krever å legge til“src”Attributt og definere PDF -filplassen inne i den.