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
i) The Frameset
Tag: The <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
ii) The Frame
Tag: The <frame> tag defines what HTML document to put into each frame
In
the example below we have a frameset with two columns. The first column is set
to 25% of the width of the browser window. The second column is set to 75% of
the width of the browser window. The HTML document "frame_a.htm" is
put into the first column, and the HTML document "frame_b.htm" is put
into the second column:
E.g.: <frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
iii) The NoFrames Tag: <noframes>
tag for browsers that do not support frames. if you add a <noframes> tag
containing some text for browsers that do not support frames, you will have to
enclose the text in <body></body> tags.
E.g.: <html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
<noframes>
<body>Your browser does not handle
frames!</body>
</noframes>
</frameset>
</html>
iv)
Navigation Frame: The navigation frame contains a list of links with the second
frame as the target. The file called "tryhtml_contents.htm" contains
three links. The source code of the links:
<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
The second frame will show the linked document.
<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
The second frame will show the linked document.
E.g.: <html>
<frameset cols="120,*">
<frame
src="tryhtml_contents.htm">
<frame src="frame_a.htm"
name="showframe">
</frameset>
</html>
v) Noresize: If a frame has visible
borders, the user can resize it by dragging the border. To prevent a user from
doing this, you can add noresize="noresize" to the <frame> tag.
E.g.: <html>
<frameset
rows="50%,50%">
<frame noresize="noresize"
src="frame_a.htm">
<frameset cols="25%,75%">
<frame noresize="noresize"
src="frame_b.htm">
<frame noresize="noresize"
src="frame_c.htm">
</frameset>
</frameset>
</html>
vi) Inline Frame: a frame inside an HTML
Page.
E.g.: <html>
<body>
<iframe
src="default.asp"></iframe>
<p>Some older browsers don't
support iframes.</p>
<p>If they don't, the iframe will
not be visible.</p>
</body>
</html>
No comments:
Post a Comment