ad

Friday, October 31, 2025

How to Create a Horizontal Frameset in html

How to Create a Horizontal Frameset in html 

https://webdesigningtheory.blogspot.com


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.

Step 2 ]

   <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

Step 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>

Close the html tag

How to Create a Horizontal Frameset in html 
  output
 


How to Create a Horizontal Frameset in html



Related Post :-

how to use image tag in html

html heading tags explain structure

how to use pre tag html with example

No comments:

Post a Comment