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>

No comments:
Post a Comment