Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
46 views12 pages

HTML Frames HTML Frames: Seema Sirpal Delhi University Computer Centre

Frames allow displaying multiple HTML documents in the same browser window, with each document in its own independent "frame". The <frameset> tag divides the window into rows and columns occupied by each frame defined by <frame> tags. While frames provide a way to structure complex pages, they have disadvantages like increased complexity for developers and inability to easily print the entire page. Navigation between frames is possible by linking frames using the target attribute.

Uploaded by

Amit Bhengra
Copyright
© Attribution Non-Commercial (BY-NC)
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
46 views12 pages

HTML Frames HTML Frames: Seema Sirpal Delhi University Computer Centre

Frames allow displaying multiple HTML documents in the same browser window, with each document in its own independent "frame". The <frameset> tag divides the window into rows and columns occupied by each frame defined by <frame> tags. While frames provide a way to structure complex pages, they have disadvantages like increased complexity for developers and inability to easily print the entire page. Navigation between frames is possible by linking frames using the target attribute.

Uploaded by

Amit Bhengra
Copyright
© Attribution Non-Commercial (BY-NC)
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/ 12

HTML Frames

Seema Sirpal
Delhi University Computer Centre
Frames
„ With frames, you can display more than one HTML document in
the same browser window. Each HTML document is called a
frame, and each frame is independent of the others.

The disadvantages of using frames are:

„ The web developer must keep track of more HTML documents


„ It is difficult to print the entire page
The Frameset Tag

„ The <frameset>
frameset tag defines how to divide the
window into frames

„ Each frameset defines a set of rows or columns


„

„ The values of the rows/columns indicate the amount


of screen area each row/column will occupy
The Frame Tag

„ The <frame> tag defines what HTML


document to put into each frame

<frameset cols="25%,75%">
<f
<frame src="frame_a.htm">
"f ht ">
<frame src="frame_b.htm">
</frameset>
Vertical frameset
<html>

<frameset cols="25%,50%,25%">
<frame
f src="frame_a.htm">
"f ht "
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>

</html>
Horizontal frameset

<html>

<frameset rows="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame
f src="frame_c.htm">
f
</frameset>

</html>
Useful Tips

„ If a frame has visible borders, the user can resize it byy dragging
gg g
the border. To prevent a user from doing this, you can add
noresize="noresize" to the <frame> tag.
„ Add the <noframes> tag g for browsers that do not support
pp frames.

Important: You cannot use the <body></body> tags together with the
<frameset></frameset> tags!
g

However, if you add a <noframes> tag containing some text for


browsers that do not support frames, you will have to
enclose
l the
th text
t t in
i <body></body>
b d /b d tags!
t !
Mixed frameset

<html>

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

<frame
f src="frame_a.htm">
"f ht "

<frameset cols="25%,75%">
<frame
f src="frame_b.htm">
"f b ht "
<frame src="frame_c.htm">
</frameset>

</frameset>

</html>
Frameset with noresize="noresize"
<html>

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

<frame
f noresize="noresize"
i " i " src="frame_a.htm">
"f ht "

<frameset cols="25%,75%">
<frame
f noresize="noresize"
i " i " src="frame_b.htm">
"f b ht "
<frame noresize="noresize" src="frame_c.htm">
</frameset>

</frameset>

</html>
Navigation frame
<html>

<frameset cols="120,*">

<frame src="tryhtml_contents.htm">
<frame src="frame_a.htm" name="showframe">

</f
</frameset>
t>

</html>

In “tryhtml_contents.htm"

<a href ="frame_a.htm" target ="showframe">Frame a</a><br>


<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href
h f ="frame_c.htm"
"f ht " target
t t ="showframe">Frame
" h f " F c</a>
/
How to use the <noframes> tag
<html>

<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame
f src="frame_b.htm">
"f b ht "
<frame src="frame_c.htm">

<noframes>
f
<body>Your browser does not handle frames!</body>
</noframes>

</frameset>

</html>
Jump to a specified section with frame
navigation
<html>

<frameset cols="180,*">
cols 180, >

<frame src="content.htm">
<frame src="link.htm" name="showframe">

</frameset>

</html>

In "content.htm"

<a href ="link.htm" target ="showframe">Link without Anchor</a>


<br>
<a href ="link.htm#C10" target ="showframe">Link with Anchor</a>.

You might also like