Linken naar een PDF-bestand met HTML

Linken Naar Een Pdf Bestand Met Html



Soms is het nodig om een ​​bestand in PDF-indeling toe te voegen aan of in te sluiten in een HTML-document. Het PDF-bestand kan op twee verschillende manieren aan het HTML-document worden gekoppeld (met behulp van twee verschillende HTML-tags). de ontwikkelaars kunnen de HTML gebruiken ' anker ”-tag en de “ iframe ”-tag om een ​​PDF-bestand te koppelen aan het HTML-document. De ... gebruiken ' anker ” tag maakt een link op de interface die de gebruiker naar het gedefinieerde PDF-bestand leidt, en met behulp van de “ iframe ”-tag maakt een iframe aan in de uitvoer waarin het PDF-bestand wordt weergegeven.

In dit bericht zullen we beide methoden demonstreren voor het toevoegen van een PDF-bestandslink aan een HTML-document.

Een PDF-bestand koppelen met HTML

De PDF-bestanden kunnen worden gekoppeld via de “ ” tag en ook via de “


Methode 1: -tag gebruiken

Een PDF-bestand kan worden gekoppeld aan de HTML met behulp van de ' anker ”-element. Laten we dit idee praktisch implementeren met een pdf-bestand als voorbeeld:



< P > Om het PDF-bestand te openen

< A href = 'MijnDemoFile.pdf' > Klik hier < / A >

< / P >

In de hierboven geschreven code:



  • Daar is de ' paragraaf ” element, binnen de alinea-tags is de tekst die op het scherm moet worden weergegeven. Deze stap is optioneel omdat deze zojuist is toegevoegd om een ​​beter beeld te krijgen van de bewerking in de uitvoer.
  • Daarna is er de “ anker ”-element. Dit is de belangrijkste stap bij het koppelen van het PDF-bestand aan de HTML.
  • In de openingsankertag bevindt zich de ' href ' attribuut, en de exacte locatie van het PDF-bestand is gedefinieerd in dat ' href ” attribuut.
  • Tussen de openende en sluitende ankertags bevindt zich de tekst die moet worden weergegeven als een koppeling. Als u hierop klikt, wordt de gebruiker naar het PDF-bestand geleid dat is gedefinieerd in de ' href ” attribuut.

Dit genereert de volgende uitvoer:



Methode 2: