Parfois, il est nécessaire d'ajouter ou d'intégrer un fichier 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”Tag et le"
iframe”TAG pour lier un fichier PDF avec le document HTML. En utilisant le "
ancre"TAG créera un lien sur l'interface qui dirige l'utilisateur vers le fichier PDF défini et en utilisant le"
iframe»TAG créera un iframe dans la sortie dans laquelle le fichier PDF s'affichera.
Dans cet article, nous présenterons les deux méthodes d'ajout d'un lien de fichier PDF à un document HTML.
Liant un fichier PDF avec HTML
Les fichiers PDF peuvent être liés via le «”Tag et aussi à travers le"" étiqueter. Les deux méthodes peuvent ajouter un fichier PDF dans HTML, mais les deux méthodes génèrent des sorties différentes. Discutons des deux méthodes en détail.
Méthode 1: Utilisation de la balise
Un fichier PDF peut être lié au HTML à l'aide du «ancre" élément. Implémentez pratiquement cette idée à l'aide d'un fichier PDF comme exemple:
Pour ouvrir le fichier PDF
Cliquez ici
Dans le code écrit ci-dessus:
- Il y a le "paragraphe”Element, à 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 créer un meilleur sens de l'opération dans la sortie.
- Après cela, il y a le «ancre" élément. Ceci est l'étape principale pour lier le fichier PDF avec le HTML.
- À l'intérieur de la balise d'ancrage d'ouverture se trouve le «href«Attribut, et l'emplacement exact du fichier PDF a été défini en ce«href" attribut.
- Entre l'ouverture et les balises d'ancrage de clôture se trouve le texte à afficher comme un lien, en cliquant 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
Un fichier PDF peut être lié à un document HTML également en utilisant le «"Tag avec"SRC”Attribut à l'intérieur:
Dans l'instruction ci-dessus ou l'élément iframe:
- Il y a le «iframe”Ouverts et clôture des balises pour créer un iframe dans la sortie.
- La balise IFRAME d'ouverture contient le «SRC”Attribut qui est utilisé pour ajouter l'URL d'une source externe. L'emplacement exact du fichier PDF a été défini dans le «SRC" attribut.
- Après le "SRC«Attribut, il y a le«largeur" et "hauteur”Attributs à l'intérieur de la balise Iframe d'ouverture.
Cela affichera l'interface suivante dans la sortie:
Cela résume les deux méthodes différentes pour lier ou intégrer un fichier PDF dans un document HTML.
Conclusion
Le fichier PDF peut être lié ou ajouté à un document HTML en utilisant le «”(Anchor) Element ainsi que l'élément«" élément. En utilisant le "ancre"L'élément nécessite d'ajouter le"href”Attribut dans les balises d'ancrage d'ouverture et définissant l'emplacement du fichier PDF dedans. D'un autre côté, en utilisant le «iframe"L'élément nécessite d'ajouter le"SRC»Attribut et définissant l'emplacement du fichier PDF à l'intérieur.