HTML frame Tag

by Online Tutorials Library July 14, 2022

HTML <frame> tag (Not supported in HTML5)

HTML <frame> tag define the particular area within an HTML file where another HTML web page can be displayed.

A <frame> tag is used with <frameset>, and it divides a webpage into multiple sections or frames, and each frame can contain different web pages.

Note: Do not use HTML <frame> tag as it is not supported in HTML5, instead you can use <iframe> or <div> with CSS to achieve similar effects in HTML.

Syntax

Following are some specifications about the HTML <frame> tag

Display	Block
Start tag/End tag	Start tag(required), End tag(forbidden)
Usage	Frames

Example 1

Create Vertical frames:

  <!DOCTYPE html>  <html>  <head>  <title>Frame tag</title>  </head>    <frameset cols=”25%,50%,25%”>    <frame src=”frame1.html” >    <frame src=”frame2.html”>    <frame src=”frame3.html”>    </frameset>  </html>  

Test it Now

Output:

HTML frame tag

Frame1.html

  <!DOCTYPE html>  <html>  <head>  <style>     div{                              background-color: #7fffd4;       height: 500px;     }  </style>  </head>  <body>  <div>  <h2>This is first frame</h2>  </div>   </body>  </html>  

Frame2.html

  <!DOCTYPE html>  <html>  <head>  <style>     div{      background-color: #2f4f4f;       height: 500px;       }  </style>  </head>  <body>  <div>  <h2>This is Second frame</h2>  </div>   </body>  </html>  

Frame3.html

  <!DOCTYPE html>  <html>  <head>  <style>     div{      background-color: #c1ffc1;       height: 500px;                        }  </style>  </head>  <body>                  <div>        <h2>This is Third frame</h2>  </div>   </body>  </html>  

Example 2:

Create Horizontal frames:

  <!DOCTYPE html>  <html>  <head>  <title>Frame tag</title>  </head>    <frameset rows=”30%, 40%, 30%”>    <frame name=”top” src=”frame1.html” >    <frame name=”main” src=”frame2.html”>    <frame name=”bottom” src=”frame3.html”>    </frameset>  </html>  

Test it Now

Output:

HTML frame tag

Attribute

Tag-specific attribute

Attribute	Value	Description
frameborder	0 1	It specifies whether to display a border around the frame or not, and its default value is 1
longdsec	URL	It specifies a page which contains the long description of the content of the frame.
marginheight	pixels	It specifies the top and bottom margins of the frame.
marginwidth	pixels	It defines the height of the margin between frames.
name	text	It is used to assign the name to the frame.
noresize	noresize	It is used to prevent resizing of the frame by the user.
scrolling	yes no auto	It specifies the existence of the scrollbar for overflowing content.
src	URL	It specifies the URL of the document which we want to display in a frame.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<frame>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML Frameset Tag