[go: up one dir, main page]
Scribd
Upload
49 views5 pages

HTML Frames

Uploaded by

Rakesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
49 views5 pages

HTML Frames

Uploaded by

Rakesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML - Frames

HTML frames are used to divide your browser window into multiple sections
where each section can load a separate HTML document independently. A
collection of frames in the browser window is known as a frameset. The window
is divided into frames in a similar way the tables are organized: into rows and
columns.
HTML <frame> Tag
HTML <frame> tag is used to divide web browser windows into multiple sections,
each capable of loading content independently. This is achieved using a collection
of frames within a frameset tag.
Note: The <frame> tag is deprecated in HTML 5.
Syntax
<frameset rows="50%,50%">
<frame name="top" src="link/to/frame1" />
<frame name="bottom" src="link/to/frame2" />
</frameset>

Where the rows attribute of frameset defines the division of the window into
horizontal sections. In this case, the window is divided into two rows, each taking
up 50% of the available height.

Creating Frames in HTML


To make frames on a page we use <frameset> tag instead of <body>
tag. The <frameset> tag defines how to divide the window into frames.
The rows attribute of <frameset> tag defines horizontal frames and cols attribute
defines vertical frames. Each frame is indicated by <frame> tag and it defines
which HTML document shall open into the frame.

Following is the example to create three horizontal frames. If your browser does
not support frames, then body element is displayed.

Following is the example to create three horizontal frames. If your browser


does not support frames, then body element is displayed.
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows="10%,80%,10%">
<frame name="top" src="/html/top_frame.html" />
<frame name="main" src="/html/main_frame.htm" />
<frame name="bottom" src="/html/bottom_frame.htm" />
<noframes>
<body>
Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>

Creating vertical Frames


Here we replaced rows attribute by cols and changed their width. This will create
all the three frames vertically.
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols="25%,50%,25%">
<frame name="left" src="/html/top_frame.htm" />
<frame name="center" src="/html/main_frame.htm" />
<frame name="right" src="/html/bottom_frame.htm" />
<noframes>
<body>
Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>
Attributes of frameset Tag
Below listed attributes are accepted by frameset tag.
Attributes Description
cols Specifies how many columns are contained in the frameset and
the size of each column. You can specify the width of each
column in one of four ways.
• Absolute values in pixels. For example to create three
vertical frames, use cols="100, 500,100".
• A percentage of the browser window. For example to
create three vertical frames, use cols="10%, 80%,10%".
• Using a wildcard symbol. For example to create three
vertical frames, use cols="10%, *,10%". In this case
wildcard takes remainder of the window.
• As relative widths of the browser window. For example to
create three vertical frames, use cols="3*,2*,1*". This is
an alternative to percentages. You can use relative widths
of the browser window. Here the window is divided into
sixths: the first column takes up half of the window, the
second takes one third, and the third takes one sixth.
rows This attribute works just like the cols attribute and takes the
same values, but it is used to specify the rows in the frameset.
For example to create two horizontal frames, use rows="10%,
90%". You can specify the height of each row in the same way
as explained above for columns.
border This attribute specifies the width of the border of each frame in
pixels. For example border="5". A value of zero means no
border.
frameborder This attribute specifies whether a three-dimensional border
should be displayed between frames. This attribute takes value
either 1 (yes) or 0 (no). For example frameborder="0" specifies
no border.
framespacing This attribute specifies the amount of space between frames in
a frameset. This can take any integer value. For example
framespacing="10" means there should be 10 pixels spacing
between each frames.
HTML <frame> Tag Attributes
Below listed attributes are accepted by the frame tag.
Attribute Description
src This attribute is used to give the file name that should be loaded in the
frame. Its value can be any URL. For example,
src="/html/top_frame.htm" will load an HTML file available in html
directory.
name This attribute allows you to give a name to a frame. It is used to indicate
which frame a document should be loaded into. This is especially
important when you want to create links in one frame that load pages
into an another frame, in which case the second frame needs a name
to identify itself as the target of the link.
frameborder This attribute specifies whether or not the borders of that frame are
shown; it overrides the value given in the frameborder attribute on the
<frameset> tag if one is given, and this can take values either 1 (yes) or
0 (no).
marginwidth This attribute allows you to specify the width of the space between the
left and right of the frame's borders and the frame's content. The value
is given in pixels. For example marginwidth="10".
marginheight This attribute allows you to specify the height of the space between
the top and bottom of the frame's borders and its contents. The value
is given in pixels. For example marginheight="10".
noresize By default you can resize any frame by clicking and dragging on the
borders of a frame. The noresize attribute prevents a user from being
able to resize the frame. For example noresize="noresize".
scrolling This attribute controls the appearance of the scrollbars that appear on
the frame. This takes values either "yes", "no" or "auto". For example
scrolling="no" means it should not have scroll bars.
longdesc This attribute allows you to provide a link to another page containing a
long description of the contents of the frame. For example
longdesc="framedescription.htm"

Advantages of frame Tag


• It allows the user to view multiple documents within a single Web page.
• It load pages from different servers in a single frameset.
• The older browsers that do not support frames can be addressed using the
tag.

Disadvantages of Frames
There are few drawbacks with using frames, so it's never recommended to use
frames in your webpages.
• Some smaller devices cannot cope with frames often because their screen
is not big enough to be divided up.
• Sometimes your page will be displayed differently on different computers
due to different screen resolution.
• The browser's back button might not work as the user hopes.
• There are still few browsers that do not support frame technology.

You might also like