How to Create a Horizontal Frameset in html
horizontal Rows of frames can be created by using rows attribute rather than the cols attribute shown in HTML.horizontal frameset tag divide a webpage into top to bottom section row using <frameset> tag with rows attribute
each section use <frame> tag
How to Create a Horizontal Frameset in html
Example :-
<!DOCTYPE html>
<html>
<frameset rows="20%, 20%, 20%, 20%">
<frame src="https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
<frame src="https://webdesigningtheory.blogspot.com/">
</frameset>
</html>
How to Create a Horizontal Frameset in html
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>
Instead using <body> tag use a frameset to divide the browser window
divide into multiple section a frames tag use
<frameset> tag use element tell browser how to split the page vertically or horizontally
Syntax :-
<frameset cols ="value1,value2, value3,....."> = vertically divide
<frameset rows= " value1,value2,value3,....."> = horizontally
Step 5]
<frameset rows="20%, 20%, 20%, 20%">
frameset rows attribute divide the window horizontally into four rows
each row 20% height of the browser
Step 6]
<frame src="https://webdesigningtheory.blogspot.com/">
each <frame> tag defines one section frame with the frameset tag
src attribute use browser which web page to load inside frame tag
each four frame src the same website :- web designing theory blog
use <frameset> tag use external webpage inside each four frames
Step 7]
</frameset>
close the <frameset > section
Step 8]
</html>
