How to Create Nested Frames in HTML
How to Create Nested Frames in HTML
What is the Nested Frames in HTML
html frames are used divide a web page into multiple sections ,and each section display a webpage or document.
- frames nested crate layout
- header at the top
- left-side navigation menu
- right-side content area
Syntax :-
<frameset rows="value">
<frame src="pagepath.html">
<frame src=" pagepath.html">
</frameset>
How to Create Nested Frames in HTML (Step-by-Step Guide)
<!Doctype html>
<html>
<frameset rows="20%, 80%">
<frame src="https://webdesigningtheory.blogspot.com">
<frameset cols="50%,50%">
<frame src="https://webdesigningtheory.blogspot.com">
<frame src="https://webdesigningtheory.blogspot.com">
</frameset>
</html>
<!Doctype html>
<html>
<frameset rows="20%, 80%">
<frame src="https://webdesigningtheory.blogspot.com">
<frameset cols="50%,50%">
<frame src="https://webdesigningtheory.blogspot.com">
<frame src="https://webdesigningtheory.blogspot.com">
</frameset>
</html>
How to Create Nested Frames in HTML (Step-by-Step Guide)
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 rows="20%, 80%">
<frameset> tag divided browser window into columns and rows
rows="20%,80%" divides the window horizontally
top = 20% :- frame header
bottom = 80% :- frame divided two frames
Step 5]
<frame src="https://webdesigningtheory.blogspot.com"
src :- src attribute defines webpage.
webpage displayed inside the frame.
Step 6]
<frameset cols="50%,50%">
cols ="50%,50%" divides this area into two equal part
Left half :- 50%
Rigth half :- 50%
Step 7]
</frameset>
closing tag
How to Create Nested Frames in HTML
Output :-
Post a Comment