Créer un lien vers un fichier PDF avec HTML

Creer Un Lien Vers Un Fichier Pdf Avec Html



Parfois, il est nécessaire d'ajouter ou d'intégrer un fichier au format PDF dans un document HTML. Le fichier PDF peut être lié au document HTML de deux manières différentes (en utilisant deux balises HTML différentes). les développeurs peuvent utiliser le HTML ' ancre ' et le ' iframe ” pour lier un fichier PDF au document HTML. En utilisant le ' ancre ” créera un lien sur l'interface qui dirige l'utilisateur vers le fichier PDF défini, et en utilisant le “ iframe ” créera une iframe dans la sortie dans laquelle le fichier PDF sera affiché.

Dans cet article, nous allons démontrer les deux méthodes d'ajout d'un lien de fichier PDF à un document HTML.

Lier un fichier PDF avec HTML

Les fichiers PDF peuvent être liés via le ' ” tag et aussi à travers le “


Méthode 1 : Utilisation de la balise

Un fichier PDF peut être lié au HTML en utilisant le ' ancre ' élément. Mettons pratiquement en œuvre cette idée en utilisant un fichier PDF comme exemple :



< p > Pour ouvrir le fichier PDF

< un href = 'MonFichierDemo.pdf' > Cliquez ici < / un >

< / p >

Dans le code écrit ci-dessus :



  • Il y a le ' paragraphe ', à l'intérieur des balises de paragraphe se trouve le texte à afficher à l'écran. Cette étape est facultative car elle vient d'être ajoutée pour donner une meilleure idée de l'opération dans la sortie.
  • Après, il y a le « ancre ' élément. C'est l'étape principale de la liaison du fichier PDF avec le HTML.
  • À l'intérieur de la balise d'ancrage d'ouverture se trouve le ' href ', et l'emplacement exact du fichier PDF a été défini dans cet ' href ' attribut.
  • Entre les balises d'ancrage d'ouverture et de fermeture se trouve le texte à afficher sous forme de lien, un clic sur lequel dirigera l'utilisateur vers le fichier PDF défini dans le ' href ' attribut.

Cela générera la sortie suivante :



Méthode 2 : Utilisation de la balise