Breve explicación sobre iFrames, con el ejemplo gráfico
El término significa 'cuadro en línea'. Esta etiqueta le permite abrir "ventanas" en una página, independientemente del contenido del documento. Voy a explicaros esto por la figura, donde los diferentes colores indican áreas de la página definidas con DIV:
Entre las etiquetas DIV que definen áreas de este menú es necesario insertar un iframe que contiene la página de menú con enlaces a que asignan iframes
Entre <div> ...... </ div> introduzca la siguiente declaración:
<iframe src="htmpages/simples/introduction.htm" name="rightside" id= "rightside" width="100%" height="575" frameborder="0" margin="0" scrolling="auto" overflow-style="visible"></iframe>
que pone la primera página "introductton.htm" en el iframe llamado "rightside". Preste atención a la ruta de conexión porque la dirección de la página anterior se ha tomado de la página en la que mostramos aquí se encuentra. Nota: El iframe tiene la misma anchura y altura de la DIV
Con elementos de menú o de otro lugar, se puede cambiar el contenido de la ventana por una referencia a una nueva página htm, y por un nombre y un TARGET para el marco. Atención, para enlazar, a dar la dirección correcta. Un ejemplo de esto:
<a href="../simples/new_introduction.htm" target="rightside">Introduzione</a>