HTML Iframes

❮ AnteriorSiguiente ❯

---

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

---

Sintaxis iframe

Un iframe HTML se define con la etiqueta iframe :

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

El atributo src especifica la URL (dirección web) de la página de marco en línea.

---

Iframe - Establecer altura y ancho

Use los atributos de alto y ancho para especificar el tamaño del iframe.

Los valores de los atributos se especifican en píxeles de forma predeterminada, pero también pueden estar en porcentaje (como "80%").

Ejemplo

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

Pruebelo usted mismo »

---

Iframe - Eliminar el borde

Por defecto, un iframe tiene un borde alrededor.

Para eliminar el borde, agregue el atributo de estilo y use la propiedad de bordeCSS :

Ejemplo

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

Pruebelo usted mismo »

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

Ejemplo

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

Pruebelo usted mismo »

---

www.micompraventa.net

---

Iframe: objetivo para un enlace

Un iframe se puede usar como el marco objetivo para un enlace.

El atributo de destino del enlace debe hacer referencia al atributo de nombredel iframe:

Ejemplo

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="https://www.w3schools.com"target="iframe_a">W3Schools.com</a></p>

Pruebelo usted mismo »

---

Etiqueta iframe HTML

Tag	Description
iframe	Defines an inline frame

---

Ponte a prueba con ejercicios!

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

❮ AnteriorSiguiente ❯