Vincular a un archivo PDF con HTML

Vincular A Un Archivo Pdf Con Html



A veces, es necesario agregar o incrustar un archivo con formato PDF en un documento HTML. El archivo PDF se puede vincular al documento HTML de dos maneras diferentes (usando dos etiquetas HTML diferentes). los desarrolladores pueden usar el HTML “ ancla ” etiqueta y el “ iframe ” etiqueta para vincular un archivo PDF con el documento HTML. Utilizando el ' ancla La etiqueta ” creará un enlace en la interfaz que dirige al usuario al archivo PDF definido, y usando el “ iframe La etiqueta ” creará un iframe en la salida en la que se mostrará el archivo PDF.

En esta publicación, demostraremos ambos métodos para agregar un enlace de archivo PDF a un documento HTML.

Vincular un archivo PDF con HTML

Los archivos PDF se pueden vincular a través del “ ” y también a través de la “


Método 1: usar la etiqueta

Un archivo PDF se puede vincular al HTML usando el ' ancla ' elemento. Implementemos prácticamente esta idea usando un archivo PDF como ejemplo:



< pag > Para abrir el archivo PDF

< a href = 'MiDemoFile.pdf' > haga clic aquí < / a >

< / pag >

En el código escrito arriba:



  • Ahí está el ' párrafo ”, dentro de las etiquetas de párrafo está el texto que se mostrará en la pantalla. Este paso es opcional ya que se acaba de agregar para crear una mejor idea de la operación en la salida.
  • Después de eso, está el “ ancla ' elemento. Este es el paso principal para vincular el archivo PDF con el HTML.
  • Dentro de la etiqueta de anclaje de apertura está el ' href ', y la ubicación exacta del archivo PDF se ha definido en ese ' href ' atributo.
  • Entre las etiquetas de anclaje de apertura y cierre está el texto que se mostrará como un enlace, al hacer clic en él se dirigirá al usuario al archivo PDF definido en el ' href ' atributo.

Esto generará la siguiente salida:



Método 2: usar la etiqueta