miércoles, 23 de noviembre de 2011

Insertar otros sitios webs en una ventana o marco: IFRAME

Blog de Joan Gómez                            



Me lo ha enseñado Javi Fernández. Gracias por investigar y compartir.

¿Qué hay qué hacer?

Tan fácil como pegar en código HTML exáctamente lo siguiente:

<html>
  <head>
    <title>IFrames</title>
  </head>
 
  <body>
    <iframe src="http://tedetresdigital.blogspot.com/" name="SubHtml"
      width="500" height="500" scrolling="auto" frameborder="0" transparency>
      <p>Texto alternativo para navegadores que no aceptan iframes.</p>
    </iframe>
  </body>
</html>
 
En este texto vemos los atributos de la etiqueta iframe, es decir los parámetros de dicha etiqueta, que están colocados dentro de la etiqueta de apertura:
  1. src: es la ruta o URL de donde se encuentra guardado el archivo en otro servidor.
  2. frameborder: es la anchura del borde del marco expresado en píxeles.
  3. height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca que el objeto está incrustado en el blog.
  4. width: es la anchura del marco. Hay que tener cuidado de no poner una anchura que sobrepase los 500 píxeles, pues el marco podría invadir el lateral del blog.
  5. scrolling: es la barra de desplazamiento. Escribimos auto para que la barra aparezca automáticamente cuando sea necesario. Si escribimos yes, la barra aparecerá siempre, y si ponemos no, no aparecerá nunca. En este último caso, hay que impedir que el test se esconda por debajo del marco y el usuario no pueda verlo entero.
  6. No hay que olvidarse de las comillas y de cerrar el iframe con su etiqueta de cierre, que incluye una barra. 
Información extraida del blog "Creamos blogs educativos"

    1 comentario:

    1. Muy chulo (aunque yo no tengo blog :) ).
      Sé algo de XHTML y esta etiqueta no "la tenía", así que me la apunto.

      ResponderEliminar