El marco es la colección de marcos en la ventana del navegador. Se utiliza para especificar el número de filas y columnas en un conjunto de marcos con sus píxeles de espacio. Hay algunas aplicaciones del conjunto de marcos en el mundo real, como al crear el sitio web para cualquier propósito, el desarrollador primero hace el diseño de todo el sitio web donde divide todo el sitio web en algunos marcos, de modo que cada marco tiene alguna función. Tomemos un ejemplo de un sitio web de noticias, hay varias secciones como tendencias, novedades, negocios, noticias de cricket, etc. y también hay un control deslizante en algunos sitios web que desplaza la imagen después de unos segundos.
En este artículo, analizaremos la creación de un conjunto de marcos anidado o un conjunto de marcos dentro de otro conjunto de marcos. Veamos un ejemplo para entender mucho mejor el tema. Se agregan comentarios en el código para una mejor comprensión.
Ejemplo
HTML
<!DOCTYPE html> <html> <head> <title>Nested Framesets in HTML</title> </head> <!-- Frameset tag starts from here --> <!-- We divide the whole website into three rows --> <!-- "*" divides equally based on the left space --> <frameset rows="50%,*,*"> <!-- Here we are defining the columns in the first row --> <!-- It is set to 100% which means that it will cover first row by 100% --> <frameset cols="100%"> <!-- Defining the frame which is to be inserted --> <frame name="frame1" src="frame1.html"> </frameset> <!-- Here we are defining the columns in the second row --> <frameset cols="*, *, *"> <frame name="frame2" src="frame2.html"> <frame name="frame3" src="frame3.html"> <frame name="frame4" src="frame4.html"> </frameset> <!-- Now the final third row which will cover the rest space --> <frame name="frame5" src="frame5.html"> </frameset> <!-- frameset tag ends here --> </html>
A continuación se encuentran los códigos para frame1.html, frame2.html, frame3.html, frame4.html, frame5.html:
frame1.html
<html> <head> <title>frame1</title> </head> <body bgcolor="aqua"> <center> <img src="gfglogo.png" alt="gfglogo" width="400" height="350"><br> frame1 </center> </body> </html>
frame2.html
<html> <head> <title>frame2</title> </head> <body bgcolor="hotpink"> frame2 </body> </html>
frame3.html
<html> <head> <title>frame3</title> </head> <body bgcolor="lightgreen"> frame3 </body> </html>
frame4.html
<html> <head> <title>frame4</title> </head> <body bgcolor="grey"> frame4 </body> </html>
frame5.html
<html> <head> <title>frame5</title> </head> <body bgcolor="yellow"> frame5 </body> </html>
Producción:
