Home HTML HTML frameset Tag with Example

HTML frameset Tag with Example


HTML <frameset> tag represents set of one or more frames. Each frame contains separate HTML web page or documents that is display in a frameset. You can see more details on HTML <frame> tag here.

Note: The <frameset> tag is not supported now in HTML5. HTML frameset tag mostly supported in all major web browsers.

Here is the main web page that holds all the frames that we created above. You can see here we gave each frame path to main html page.

Sample Code – index.html

<title>HTML frameset Example</title>
<frameset rows = "15%, *, 20%">
<frame src="frame1.html">
<frameset cols= "25%, 75%">
<frame src="frame2.html">
<frame src="frame3.html">
<frame src="frame4.html">
<noframes>Sorry, your web browser does not support frames!</noframes>

The main web page splitted in to four frames. Here is the source code for each frame that was needed for a reference frame.

Sample Code – frame1.html

<body style="background-color:red;">
<h5 align="center">Header content here</h5>

Sample Code – frame2.html

<body style="background-color:#f456fd;">
<h5 align="center">Side content here</h5>

Sample Code – frame3.html

<body style="background-color:#f5f5f4;">
<h5 align="center">Main content here</h5>

Sample Code – frame4.html

<body style="background-color:red;">
<h5 align="center">Footer content here</h5>
<h6 align="center">
a href="http://www.webblogsforyou.com/">webblogsforyou.com</a></h6>

Sample Result

Tip: You can see the complete List of HTML Elements here.

Tag Specific Attributes Support

Following are few frameset tag attributes that are supported by <frameset> tag.

Attribute Value Description
border 0
Represents the frameborder for the frame. 1 to display border and 0 for no border
bordercolor color_name Represents the bordercolor for the frames
cols %
Represents the no of cols to split for the frameset to display web page
rows %
Represents the no of rows to split for the frameset to display web page

Standard Attributes Support

HTML <frameset> tag supports mostly all HTML Attributes. Following are some most common attributes that are used by <frameset> tag. You can get more details about available HTML Attributes here.

Attribute Value Description
class user_defined Represents a style for an element which is used in CSS style sheet
id user_defined Represents unique id for an element
lang lang_code Represents the language of the element for it’s content
style css_properties Represents an inline style for an element for e.g style=”color:red;text-decoration:underline;”
title user_defined Represents a tooltip information for an elements like img, a, abbr etc

Event Attributes Support

HTML <frameset> tag does not support Event Attributes. But you can get more details about available HTML Event Attributes here.

Download Free Sample Code

[wpdm_file id=4]
Previous articleHTML frame Tag with Example
Next articleHTML <h1> to <h6> Tag with Example
Hi there, I am Mayank, the man behind Technical Mack. I started AspnetO with a motive to educate people on various programming languages ranging from beginners to expert level. Through this blog, I aim to provide more insightful content.


Please enter your comment!
Please enter your name here

three + 16 =