How to Create a Multi-Column and Multi-Row Layout with HTML Frames
mixing Column and rows of frames can be both appear on the same webpage. by nesting one of frameset inside of another. mixing columns is first create to frameset and nest a child frameset with the paren element.
How to Create a Multi-Column and Multi-Row Layout with HTML Frames
Example :-
<!DOCTYPE html>
<html>
<frameset cols="20%, 30%, 35%">
<frameset rows="20%, 30%,20%">
<frame src="https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
</frameset>
<frame src= "https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
</frameset>
</html>
How to Create a Multi-Column and Multi-Row Layout with HTML Frames
Explain program
Step 1 ]
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
Step 2 ]
<html> and </html>
html is the root element.
<html> and </html>
html is the root element.
Step 3 ]
<body> and </body>
body is main content area.
All visible content inside to the <body> tag
<body> and </body>
body is main content area.
All visible content inside to the <body> tagStep 4]
<frameset cols="20%, 30%, 35%">
frameset divides the browser window
Three columns
First column :- 20% width
Second column :- 30% width
Third Column :- 35% width
Step 5]
<frameset rows="20%, 30%,20%">
Nested Frameset divides left column horizont three row
Top row :- 20% height
Middle row :- 30% height
Bottom row :- 20% height
Step 6]
<frame src="https://webdesigningtheory.blogspot.com/">
<frame> tag load separate web page.
use all frame load the same webpage.
How to Create a Multi-Column and Multi-Row Layout with HTML Frames
Output : -
