HTML - <frameset> Tag

Quiz

HTML <frameset> Tag

The HTML <frameset> tag contains a group of frames that can be styled as a single unit. It is used to specify the number of rows and columns in the frameset, along with their pixel dimensions.

This tag is not supported in HTML5. We recommend using the HTML <iframe> tag instead.

Syntax

Following is the syntax of <frameset> tag −

<frameset cols = " ">

Attributes

The HTML <frameset> tag supports both Global and Event attributes of HTML. It also accepts specific attributes, which are listed below.

Attribute	Value	Description
cols	column size	Specifies the number of columns and their width in pixels, percentages, or relative lengths. The default is 100%
rows	row size	Specifies the number of rows and their height in either pixels, percentages, or relative lengths. Default is 100%.
framespacing	pixels	Specifies the space between frames in a frameset.(Deprecated)
frameborder	0 1	Specifies the border on state or off state.(Deprecated)

Example: Implementing Frames in Frameset

In this example, we create a <frameset> element using the <frameset> tag to render our home page within that frame. The examples below illustrate the HTML <frame> tag. However, we highly recommend using <iframe> in these scenarios to avoid future compatibility issues, as frames are not supported in HTML5.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML frame Tag</title>
   </head>
   <frameset cols = "200, *">
      <frame src="/?originalUrl=https%3A%2F%2Fwww.tutorialspoint.com%2Fhtml%2Fmenu.htm" name = "menu_page" />
      <frame src="/?originalUrl=https%3A%2F%2Fwww.tutorialspoint.com%2Fhtml%2Fmain.htm" name = "main_page" />
   </frameset>
   
</html>

Example: Creating Horizontal Frames

To create horizontal frames, we can use rows attribute. By manipulating the rows attribute, we can create horizontal frames.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML frameset Tag</title>
   </head>
   <frameset rows = "30%, 70%">
      <frame src="/?originalUrl=https%3A%2F%2Fwww.tutorialspoint.com%2Fhtml%2Fmenu.htm" name = "menu_page" />
      <frame src="/?originalUrl=https%3A%2F%2Fwww.tutorialspoint.com%2Fhtml%2Fmain.htm" name = "main_page" />
   </frameset>
</html>

Supported Browsers

Tag
frameset	Yes	Yes	Yes	Yes	Yes

html_deprecated_tags.htm

Print Page