on enero 25, 2024

COMPARTE ESTE ARTÍCULO

Para empotrar un PDF en una página HTML, puedes usar la etiqueta <iframe>. Esta etiqueta crea un marco dentro de tu página web donde se puede mostrar el contenido de otro documento, como un archivo PDF. Aquí te muestro cómo puedes hacerlo:

<!DOCTYPE html>
<html>
<head>
    <title>PDF Empotrado en HTML</title>
</head>
<body>

    <h1>Documento PDF Empotrado</h1>

    <!-- Empotrar PDF -->
    <iframe src="tu_archivo.pdf" width="600" height="400"></iframe>

</body>
</html>

En este ejemplo, reemplaza "tu_archivo.pdf" con la ruta al archivo PDF que quieres mostrar. Si el archivo PDF está en el mismo directorio que tu archivo HTML, solo necesitas poner el nombre del archivo. Si está en otro lugar, necesitarás especificar la ruta completa.

Algunos puntos a tener en cuenta:

Tamaño del <iframe>: Puedes ajustar el tamaño del <iframe> cambiando los valores de width (ancho) y height (alto) en el código.
Compatibilidad del Navegador: La mayoría de los navegadores modernos soportan la visualización de PDF a través de <iframe>, pero algunos usuarios pueden tener configuraciones o extensiones que impiden la visualización correcta de los PDFs embebidos.
Seguridad: Si el PDF proviene de una fuente externa, asegúrate de que sea de un sitio web confiable, ya que el contenido de <iframe> puede ser utilizado para ataques de phishing o ejecutar scripts maliciosos.
Alternativas: Si por alguna razón no deseas usar un <iframe>, otra opción es proporcionar un enlace directo al PDF usando <a href="tu_archivo.pdf">Descargar PDF</a>. Esto no embebe el PDF en la página, sino que permite a los usuarios descargarlo o abrirlo en una nueva pestaña del navegador.

Photo by Pavel Danilyuk on Pexels.com
Photo by RealToughCandy.com on Pexels.com
Photo by Andrea Piacquadio on Pexels.com

¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.

¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.