frameset tag in html with example

frameset tag in html with example

on October 31, 2025

How to Create a Horizontal Frameset in html

What is the frameset tag 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

Syntax :-

<frameset row="value">

<frame src="pagepath.html">
<frame src="pagepath.html">

</frameset>

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

Comments