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>