Los últimos tutoriales de desarrollo web

HTML marcos


Un iframe se utiliza para mostrar una página web dentro de una página web.


marco de Descripción

Marcos permiten una ventana de navegador HTML visual para ser dividido en segmentos, cada uno de los cuales puede mostrar un documento diferente. Esto puede reducir el uso de ancho de banda, como partes de repetición de un diseño pueden ser usados ​​en una trama, mientras que el contenido variable se visualiza en otra.

Esto puede venir en un cierto costo facilidad de uso, especialmente en los agentes de usuario no visuales, debido a documentos separados e independientes (o sitios web) que se muestra adyacente a la otra y que se le permita interactuar con la misma ventana padre.

Debido a este costo, marcos (excluyendo el elemento iframe) sólo se permiten en HTML 4.01 Frame-set.

Iframes también pueden disponer de los documentos en diferentes servidores. En este caso, la interacción entre las ventanas está bloqueado por el navegador.


sintaxis iframe

La sintaxis de la adición de un marco flotante es:

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

El src atributo especifica la dirección URL (web address) de la página de marco flotante.


Iframe - Ajuste altura y anchura

Usar la altura y la anchura atributos para especificar el tamaño.

Los valores de los atributos se especifican en píxeles por defecto, pero también pueden ser en porcentaje (like "80%") .

Ejemplo

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Inténtalo tú mismo "

Iframe - Retirar la Frontera

Por defecto, un iframe tiene un borde negro alrededor de ella.

Para quitar la frontera, añadir el style atributo y el uso de la propiedad border CSS:

Ejemplo

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Inténtalo tú mismo "

Con CSS, también puede cambiar el tamaño, estilo y color del borde del marco flotante:

Ejemplo

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Inténtalo tú mismo "

Utilizar iframe como un objetivo para un Enlace

Un marco flotante se puede utilizar como el marco de destino para un enlace.

El target atributo del enlace debe hacer referencia al name atributo del marco flotante:

Ejemplo

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Inténtalo tú mismo "

HTML etiqueta IFRAME

Etiqueta Descripción
<iframe> Define un marco flotante

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»