Los cuadros o marcos HTML

Un cuadro o marco se usa para desplegar una página web, adentro de otra página web. Esta será un elemento html más en el flujo de contenido de su página anfitriona.

Sintaxis para establecer un marco

Un marco o cuadro HTML se define con la etiqueta <iframe>:

<iframe src="URL"></iframe>

El atributo src específica la URL (dirección web) de la página enmarcada por <iframe>.

El significado de la palabra inglesa “frame” es “cuadro o marco” en español.

Establecer el alto y el ancho de un elemento <iframe>

Usa los atributos height y width para especificar el tamaño del cuadro.

Los valores de estos atributos se especifican en pixeles por defecto, pero también pueden asignarse como un porciento (sea “80%”, o “30%”, o “100%” etc).

Ejemplo:

<iframe src="paginaDePrueba.htm" height="200" width="300"></iframe>

Remover el borde a un elemento <iframe>

Por defecto, un marco tiene bordes, lo que acentúa su presencia en la página.

Para removérselos, agrega el atributo style y usa la propiedad CSS border de la siguiente manera:

<iframe src="paginaDePrueba.htm" style="border:none;"></iframe>

Con CSS, también puedes cambiar el grosor, estilo y color del borde de tu marco HTML:

<iframe src="paginaDePrueba.htm" style="border: 2px solid grey;"></iframe>

Utilizar un elemento <iframe> como receptor del contenido vinculado por un enlace

Un cuadro HTML puede ser usado por un enlace como lugar de apertura o despliegue.

El atributo target del enlace HTML debe referir el valor del atributo name del cuadro:

<iframe src="paginaDePruebaActual.htm" name="iframeTambienParaElEnlace"></iframe>

<p>
<a href="https://www.nuevasPaginas.com" target=" iframeTambienParaElEnlace ">Haga clic para ver esta página alterna</a>
</p>

---

Etiqueta	Descripcion
<iframe>	Define un cuadro o marco adentro de una página web