34-Iframe en html

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

La etiqueta iframe especifica el marco en linea para mostrar la página

...

sintaxis

<iframe src="url" title="description"></iframe>

title es la etiqueta onde especificamos el titulo del iframe

Siempre debemos usar la etiqueta title para saber de que iframe o marco estamos tratando

---

ancho y altura del iframe

como en todos los elementos html para especificar al alto y la anchura de cualquier elemento usamos los atributos width y height

Codigo de ejemplo

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

tambien lo podremos hacer con el atributo style

Codigo de ejemplo

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Eliminar borde de iframe

Por defecto el iframe ya tiene un borde alrededor

Para eliminar ese borde tenemos que usar el atributo style

Codigo de ejemplo

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

podremos cambiar el borde del iframe con el atributo style

Codigo de ejemplo

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

Puede usarse un iframe a partir de un enlace

primero creamos el iframe y le ponemos un atributo name

En seguida creamos el enlace que hace referencia al atributo anterior

Codigo de ejemplo

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe> <p><a href="https://frioyelectronica.blogspot.com" target="iframe_a">Frioyelectronica</a></p>

---

Frioyelectronica

---

Ir al indice