MARCOS
EN ESTA SECCION LES MOSTRARE COMO DIVIDIR NUESTRA PAGINA WEB EN MARCOS. PARA ESTA OCACION UTILIZAREMOS LA ETIQUETA.
Los marcos HTML permiten a los autores presentar documentos con vistas múltiples, que pueden ser ventanas o subventanas independientes. Las vistas múltiples ofrecen a los autores una manera de mantener cierta información visible mientras otras vistas se desplazan o se sustituyen. Por ejemplo, dentro de una misma ventana, un marco podría mostrar un gráfico estático, un segundo marco un menú de navegación, y un tercero el documento principal que puede ser desplazado, o reemplazado al navegar por el segundo
< HTML >
< HEAD >
< TITLE >Un documento simple con marcos< /TITLE >
< /HEAD >
< FRAMESET cols="20%, 80%" >
< FRAMESET rows="100, 200" >
< FRAME src="contenidos_del_marco1.html" >
< FRAME src="contenidos_del_marco2.gif" >
< /FRAMESET >
< FRAME src="contenidos_del_marco3.html " >
< NOFRAMES>
< P >Este conjunto de marcos contiene:
< UL >
< LI >< A href="contenidos_del_marco1.html">Contenidos chéveres< /A >
< LI >< IMG src="contenidos_del_marco2.gif" alt="Una imagen chévere" >
< LI >< A href="contenidos_del_marco3.html">Más contenidos chéveres< /A >
< /UL >
< /NOFRAMES>
< /FRAMESET >
< /HTML >
Filas y columnas
Cuando se establece el atributo rows (filas) se define el número de subespacios horizontales. Cuando se establece el atributo cols (columnas) se define el número de subespacios verticales. Ambos atributos se pueden especificar simultáneamente para crear una cuadrícula.
Si no se establece el atributo rows, cada columna se extiende a lo largo de toda la longitud de la página. Si no se establece el atributo cols, cada fila se extiende a lo largo de toda la anchura de la página. Si no se establece ninguno de los dos atributos, el marco tiene exactamente el mismo tamaño que la página.
Los marcos se crean de izquierda a derecha para las columnas y de arriba a abajo para las filas. Cuando se especifican ambos atributos, las vistas se crean de izquierda a derecha en la fila superior, de izquierda a derecha en la segunda fila, etc.
En este primer ejemplo dividimos la pantalla verticalmente en dos (es decir, creamos una mitad superior y una mitad inferior).
< FRAMESET rows="50%, 50%" >
...el resto de la definición...
< /FRAMESET >
El siguiente ejemplo crea tres columnas: la segunda tiene una anchura fija de 250 píxeles (lo cual es útil, por ejemplo, para incluir una imagen de tamaño conocido). La primera recibe el 25% del espacio restante, y la tercera el 75% del espacio restante.
< FRAMESET cols="1,250,3" >
...el resto de la definición...
< /FRAMESET >
El siguiente ejemplo crea una cuadrícula de 2x3 subespacios.
< FRAMESET rows="30%,70%" cols="33%,34%,33%" > ...el resto de la definición... < /FRAMESET > Para el siguiente ejemplo, supongamos que la ventana del navegador tiene actualmente una altura de 1000 píxeles. Para la primera vista se asigna el 30% de la altura total (300 píxeles). Para la segunda vista se especifica que tenga una altura de exactamente 400 píxeles. Esto deja 300 píxeles para repartir entre los otros dos marcos. La altura del cuarto marco se ha especificado como "2", de modo que es el doble de alto que el tercer marco, cuya altura es sólo "" (equivalente a 1*). Por tanto el tercer marco será de 100 píxeles de alto y el cuarto tendrá una altura de 200 píxeles..
< FRAMESET rows="30%,400,,2" >
...el resto de la definición...
< /FRAMESET >
Las longitudes absolutas que no sumen el 100% del espacio real disponible deberían ser ajustadas por los agentes de usuario. Cuando sobre espacio, el espacio sobrante debería repartirse proporcionalmente entre cada vista. Cuando falte espacio, debería reducirse cada vista en función de la relación entre el espacio especificado y el espacio total.