lunes, 17 de septiembre de 2012

Usar iframes en tu sitio web

Si bien esta etiqueta no es propia de HTML5, sino que se usa desde la versión 4, es una poderosa herramienta de diseño web a la cual le podemos sacar mucha usabilidad para nuestro sitio.

¿Qué es un iframe?

Es una forma de poner una pagina web DENTRO de nuestra página web sin necesidad de abrir otra pestaña del navegador.

¿Cómo se utiliza?

bueno para contestar eso aquí les dejo el código y posteriormente la explicación.
<!DOCTYPE html>
<html>
<body>
<iframe src="http://jesquivel.zxq.net" width="400" height="400"></iframe>
<p>Algunos navegadores antiguos no soportan iframes.</p>
<p>si es así no veras nada de pagina embebida</p>
</body>
</html>

Como puedes apreciar basta con utilizar la etiqueta <iframe>

En el modificador src ponemos la URL del sitio que queramos mostrar y luego definimos el tamaño.

Para terminar solo comentarles que el iframe tambien cuenta con el modificador frameborders que determina el tamaño del borde que rodeará al iframes, si no queremos borde le ponemos un valor de 0.

Esto es todo por el momento, no olvides comentar y nos leemos luego!!!

No hay comentarios:

Publicar un comentario en la entrada