¿ Qué es HTML? Estructura interna Salto de línea Párrafo Títulos Enfasis Hipervínculo a otra página Hipervínculo a otro sitio WEB Imágenes en una página Hipervínculo en una imagen Apertura de un hipervínculo en otra instancia del navegador Enlace a un correo Anclas en la misma página Anclas en la otra página Lista ordenada Lista no ordenada Lista de definiciones Listas anidadas Tablas Tabla con encabezado Tabla con título Combinación de celdas Titulo de la pagina Contenido de la cabecera Comentarios en una página Caracteres especiales Formulario form Formulario input Formulario texarea Formulario checkbox Formulario radio Formulario Select 1 Formulario Select 2 Formulario Select 3 Formulario Button Formulario Button 2 Formulario type= Formulario - input type= Formulario - agrupamiento de controles Formulario - controles con valores iniciales Formulario - orden de foco de controles Formulario - Inhabilitar controles Formulario - Text/password y maxlength Formulario - text/password/textarea y readonly Formulario - Envío de datos mediante mail Formulario - label Frames Actualización de un frame Frames - Medidas Frames - propiedades Frames - Anidamiento iframes Declaración DOCTYPE HTML Transitional DOCTYPE. HTML Estricto DOCTYPE. para Frames Validación de enlaces Conceptos hojas de estilo Texto en CSS Elementos div y span Fuentes con CSS Elementos obsoletos de html

Frames - anidamiento de frames

Para realizar distribuciones de marcos en la cual se combinen las filas y las columnas se tiene que anidar etiquetas <frameset>. Comenzando por el reparto de frames más tradicional, vosotros tenéis que poner dentro las particiones de frames más diminutas. La forma de señalar eso se puede observar cómodamente con un ejemplo.
Los pasos para concretar la anidación se logran hallar a la derecha. Los diferentes frames están ya numerados con el orden en el cual se redacta en el código.

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="p2.html" noresize>
<frameset rows="70,*">
<frame src="p3.html" noresize>
<frame src="p4.html" noresize>
</frameset>
<noframes>
<p>El navegador no soporta frames</p>
</noframes>
</frameset>
</html>

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

Con esto sabemos que estamos indicando que tendrá dos columnas, la primera de 200 píxeles y la segunda del resto de píxeles.

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

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 píxeles y la otra del resto de píxeles de la ventana.Las otras tres páginas no tienen nada nuevo: pagina2.html

<html> <head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página A</h1>
</body>
</html>

pagina3.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página B</h1>
</body>
</html>

pagina4.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
<h1>Página C</h1>
</body> </html>

Ver ejemplo