HTML Tutorials - Frames
In HTML frames divide the page into one or more rectangular areas and you can display a separate document in each rectangle. Each of those rectangles is called a "frame" and acts independent of each other.
The advantage is clear for web sites they are one of the few ways to keep part of the page stationary while other parts change.
Frames allow you to view more than one web page in the same browser window at the same time. Frames are mostly used for formatting purposes in that you can have a menu on one side of the page and the content displayed in another frame in the center of the page.
<FRAMESET ...> defines the general layout of a web page that uses frames, frameset states how many columns and/or rows will be in the "table".
You must use either the COLS or the ROWS attributes or both
Lets have a look at a basic example, containg 3 frames
Example: Menu Frame:
| <HTML> <head> </head> <frameset rows="20%,*"> <frame src="pageheader.htm" name=”title”> <frameset cols="30%,*"> <frame src="menu.htm" name=”menu”> <frame src="content.htm" name=”content”> </frameset> </HTML> |
Output: If we had no pageheader.htm, menu.htm, content.htm
linking to pages in the frames
However if we created a menu.htm page with the following text in it
<a href='http:\\www.yahoo.com' target="content">Yahoo</a>, then our page would look like
If we clicked on yahoo the output would be
You notice in our menu.htm we added target="content" – this tells our browser to open www.yahoo.com in the frame named content, we could of specified name = title and yahoo page would open in the title frame.
| <HTML> <head> </head> <frameset rows="20%,*"> <frame src="pageheader.htm" name=”title”> <frameset cols="30%,*"> <frame src="menu.htm" name=”menu”> <frame src="content.htm" name=”content”> </frameset> </HTML> |
That’s it on tables.
 |