Verlinkung zu einer PDF-Datei mit HTML

Verlinkung Zu Einer Pdf Datei Mit Html



Manchmal ist es erforderlich, eine PDF-formatierte Datei in ein HTML-Dokument einzufügen oder einzubetten. Die PDF-Datei kann auf zwei verschiedene Arten (mit zwei verschiedenen HTML-Tags) mit dem HTML-Dokument verknüpft werden. die Entwickler können das HTML verwenden “ Anker “-Tag und das „ iframe ”-Tag, um eine PDF-Datei mit dem HTML-Dokument zu verknüpfen. Verwendung der ' Anker ”-Tag erstellt einen Link auf der Benutzeroberfläche, der den Benutzer zu der definierten PDF-Datei führt, und verwendet das „ iframe ”-Tag erstellt in der Ausgabe einen Iframe, in dem die PDF-Datei angezeigt wird.

In diesem Beitrag zeigen wir beide Methoden zum Hinzufügen eines Links zu einer PDF-Datei zu einem HTML-Dokument.

Verknüpfen einer PDF-Datei mit HTML

Die PDF-Dateien können über das „ “-Tag und auch durch das „


Methode 1: Verwendung des -Tags

Eine PDF-Datei kann über das „ Anker ' Element. Lassen Sie uns diese Idee am Beispiel einer PDF-Datei praktisch umsetzen:



< P > Um die PDF-Datei zu öffnen

< A href = 'MeineDemoDatei.pdf' > klicken Sie hier < / A >

< / P >

In dem oben geschriebenen Code:



  • Dort ist der ' Absatz ”-Element innerhalb der Absatz-Tags ist der Text, der auf dem Bildschirm angezeigt werden soll. Dieser Schritt ist optional, da er gerade hinzugefügt wurde, um ein besseres Gefühl für die Operation in der Ausgabe zu vermitteln.
  • Danach gibt es das „ Anker ' Element. Dies ist der Hauptschritt beim Verknüpfen der PDF-Datei mit dem HTML.
  • Innerhalb des öffnenden Anker-Tags befindet sich „ href ”-Attribut, und der genaue Speicherort der PDF-Datei wurde in diesem “ href ” Attribut.
  • Zwischen dem öffnenden und dem schließenden Anker-Tag befindet sich der Text, der als Link angezeigt werden soll, durch Klicken darauf wird der Benutzer zu der PDF-Datei geleitet, die im „ href ” Attribut.

Dies erzeugt die folgende Ausgabe:



Methode 2: Verwendung des