HTML Frames - The Frameset tag

The HTML frame is a powerful feature that enables a web page to be broken into different unique sections that are related but can be operated independently without depending on each other.

Deprecated : FRAME & FRAMESET tags are not supported in HTML5 ,
better to avoid.

The <Frameset> tag :

The splitting of a browser screen into frames can be done by using <Frameset> and </Frameset> tags.

Attributes of <Frameset>tag :

<Frameset> tags require one of the following attributes depending on whether to divide the screen in rows or columns.

Rows:

This attribute is used to divide the screen horizontally i.e, into multiple rows. Multiple values can be set to this property depending on the required size of each row. Possible values for this attribute are
Number of pixels or can be expressed as a percentage of the screen resolution

Note:

The symbol * indicates the remaining space.

Cols:

This attribute is used to divide the screen vertically i.e, into multiple columns. Multiple values can be set to this property depending on the required size of each column. Possible values for this attribute are
Number of pixels or can be expressed as a percentage of the screen resolution

Note:

The symbol * indicates the remaining space.

Example:

<Frameset rows="30%,30%,*">               

          ... Rest of the definition here ... 

      </Frameset>

Note:

There are several advantages(pros) and disadvantages(cons) of using frames. Now you will be eager to see the advantages and disadvantages of frames.
Advantages of Frames | Disadvantages of Frames

src:

Specifies the url of the document to be loaded into the frame.

MarginWidth:

Specifies the amount of space to be left along the sides of the frame.

MarginHeight:

Specifies the amount of space to be left at the top and bottom of the frame.

Name:

Used to give a unique name for the frame. The name must begin with an alphanumeric character.

NoResize:

Disables the resizing capability of the frame.

Scrolling:

This is used to decide whether to have scrollbars (Horizontal , Vertical) in a frame. This possibly take 3 values Yes , No or Auto.

Example:

<Frameset rows="50%,50%">               

            <Frame src="frame1src.html">

            <Frame src="frame2src.html">

     </Frameset>

Introduction to Frames

The <Frameset> tag :

Attributes of <Frameset>tag :

Rows:

Note:

Cols:

Note:

Example:

Note:

src:

MarginWidth:

MarginHeight:

Name:

NoResize:

Scrolling:

Example:

Subscribe