HTML Frames

HTML Frames

• With frames, you can display more than one Web page in the same browser window.
• Frames allow for multiple “.HTML” documents to be displayed inside one browser window at a time.

Frames – A Generic Frame Page

Most typically frames are used to have a menu in one frame, and content in another frame.
When someone clicks a link on the menu then that web page is opened on the content page.
Here is an example of a basic “index” frameset with a menu on the left and content on the right.

<html>
<head>
<title> Frames Page</title>
</head>
<frameset rows=”20%,*”>
<frame src=”title.html”>
<frameset cols=”30%,*”>
<frame src=”menu.html”>
<frame src=”content.html”>
</frameset>
</html>

Using 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 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 tag defines what HTML document to put into each frame
In the below example 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_x.htm” is put into the first column, and the HTML document “frame_y.htm” is put into the second column:

<frameset cols=”25%,75%”>
<frame src=”frame_x.htm”>
<frame src=”frame_y.htm”>
</frameset>

DOWNLOAD SOLUTION HERE