Búsqueda personalizada
 
 
 
 
Frames - Anidamiento de frameset
 

El lenguaje HTML nos permite definir un frameset en la ubicación de un frame, esto se logra anidando frameset.

Vamos a crear una página que contenga dos columnas. La segunda columna la dividimos en dos filas:

-------------------------------------------
|      |                                   |
|      |                                   |
|      |-----------------------------------|
|      |                                   |
|      |                                   |
|      |                                   |
|      |                                   |
|      |                                   |
|      |                                   |
-------------------------------------------
                      

Para resolver este formato de página tenemos que plantear los frameset de la siguiente manera:

pagina1.html

<html>
<head>
<title>prueba de frames</title>
</head>
<frameset cols="200,*">
  <frame src="pagina2.html" noresize>
  <frameset rows="70,*">
    <frame src="pagina3.html" noresize>
    <frame src="pagina4.html" noresize>
  </frameset>
<noframes>
<p>El navegador no soporta frames</p>
</noframes>
</frameset>
</html>

Veamos ms detenidamente como hemos creado los frameset, primero el framset externo define en la propiedad cols dos valores

<frameset cols="200,*">

Con esto sabemos que estamos indicando que tendr dos columnas, la primera de 200 pxeles y la segunda del resto de pxeles.

Luego debemos definir los frames de las dos columnas. Ac esta la diferencia con los otros frames vistos:

  <frame src="pagina2.html" noresize>
  <frameset rows="70,*">

El primer frame lo ocupa el archivo pagina2.html, pero el segundo frame no existe, en su lugar se define otro frameset que inicializa la propiedad rows con los valores 70 y *. Con esto estamos indicando que la segunda columna se divide en dos filas, una de 70 pxeles y la otra del resto de pxeles de la ventana.Las otras tres pginas no tienen nada nuevo: pagina2.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina A</h1>
</body>
</html>

pagina3.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina B</h1>
</body>
</html>

pagina4.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
<h1>Pgina C</h1>
</body>
</html>
 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion