Saltar al contenido principal

Ejercicio práctico 19: Iframe de página interna

Aprende a insertar una página interna dentro de otra utilizando la etiqueta <iframe> en HTML. Este ejercicio práctico te enseñará cómo integrar contenidos internos de forma efectiva y estructurada en tu sitio web.

Actividad​

Inserta una página HTML dentro de otra usando <iframe>.

Solución con el código HTML completo​

Crea un documento HTML con el siguiente código:

index.html
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Iframe</title>
  </head>
  <body>
    <h1>Página con Iframe</h1>
    <iframe src="page.html" width="600" height="400"></iframe>
  </body>
</html>

Dentro de la misma carpeta, crea otro archivo para utilizar como página interna.

page.html
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Iframe - Página interna</title>
  </head>
  <body>
    <h1>Mi página interna de ejemplo.</h1>
  </body>
</html>