A veces, se requiere agregar o incrustar un archivo formateado en 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"
influencia"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 utilizando el"
influencia"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.
Vinculación de un archivo PDF con HTML
Los archivos PDF se pueden vincular a través del ""Etiqueta y también a través del"" etiqueta. Ambos métodos pueden agregar un archivo PDF en HTML, pero ambos métodos generan diferentes salidas. Discutamos ambos métodos en detalle.
Método 1: Uso de la etiqueta
Un archivo PDF se puede vincular al HTML utilizando el "ancla" elemento. Prácticamente implementemos esta idea usando un archivo PDF como ejemplo:
Para abrir el archivo PDF
haga clic aquí
En el código escrito anteriormente:
- Ahí está el "párrafoEl elemento, dentro de las etiquetas de párrafo, el texto se mostrará en la pantalla. Este paso es opcional, ya que se acaba de agregar para crear una mejor sensación 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"Atributo, y la ubicación exacta del archivo PDF se ha definido en el que"href" atributo.
- Entre la abertura y las etiquetas de anclaje de cierre se mostrará el texto que se mostrará como un enlace, haciendo clic en el cual dirigirá al usuario al archivo PDF definido en el "href" atributo.
Esto generará la siguiente salida:
Método 2: Usando
Un archivo PDF se puede vincular en un documento HTML también utilizando el ""Etiqueta con"SRC"Atributo dentro de él:
En la declaración anterior o en el elemento iframe:
- Allí están los "influencia"Etiquetas de apertura y cierre para crear un iframe en la salida.
- La etiqueta de apertura de iframe contiene el "SRC"Atributo que se utiliza para agregar la URL de una fuente externa. La ubicación exacta del archivo PDF se ha definido en el "SRC" atributo.
- Después de la "SRC"Atributo, están el"ancho" y "altura"Atributos dentro de la etiqueta de apertura de iframe.
Esto mostrará la siguiente interfaz en la salida:
Esto resume los dos métodos diferentes para vincular o incrustar un archivo PDF en un documento HTML.
Conclusión
El archivo PDF se puede vincular o agregar a un documento HTML utilizando el "El elemento "(Anchor), así como el"" elemento. Utilizando el "ancla"El elemento requiere agregar el"hrefAtributo "en las etiquetas de anclaje de apertura y definir la ubicación del archivo PDF en él. Por otro lado, usando el "influencia"El elemento requiere agregar el"SRC"Atributo y definición de la ubicación del archivo PDF dentro de él.