FRAMES

With frames, we can display more than one HTML document in the same browser window. Each HTML document is called the same browser window. Each HTML document is called a frame, and each frame is independent of the others

Advantages of Frames 1. They allow parts of the screen to remain static while other parts scroll. This can be useful for navigation menus or logos that you don't want to scroll off the screen. 2. They can be handy when you want the user to be able to view a number of images chosen from a long list. 2. we can introduce material from different servers on the same page, simply by assigning the appropriate URL's.

The disadvantages of using frames are: 1.„ The web developer must keep track of more HTML documents 2.It is difficult to print the entire page 3.Since a framed page is loading more than one URL, it may load more slowly, particularly if calling upon different servers „

The Frameset Tag 1.The tag defines how to divide the window into frames 2. Each frameset defines a set of rows or columns 3. The values of the rows/columns indicate the amount of screen area each row/column will occupy

A FRAMESET's attributes 1.ROWS- Splits the window vertically into a number of rows specified by one of: a)A number of rows. b)A percentage of the total window height. EX: ROWS="10%". c) It will divide the space evenly between frames if multiple frames are specified with the asterisk. d)An asterisk means the frame will occupy all the remaining space. 2.ColS - Splits the window horizontally into a number of columns specified by one of: a)A number of columns. b)A percentage of the total window width. EX: ColS="10%". c)An asterisk means the frame will occupy all the remaining space. It will divide the space evenly between frames if multiple frames are specified with the asterisk.

3.FRAMEBORDER: Possible values 0, 1, YES, NO. A setting of zero will create a borderless frame. 4.FRAMESPACING: This attribute is specified in pixels. If you go to borderless frames you will need to set this value to zero as well, or you will have a gap between your frames where the border used to be. 5.BORDER: Possible values 0, 1. A setting of zero will create a borderless frame. 6.BORDERCOLOR: This attribute is allows you choose a color for your border. This attribute is rarely used.

The Frame Tag The tag defines what HTML document to put into each frame

Attributes are… 1.SRC: Required, as it provides the URL for the page that will be displayed in the frame. 2.NAME: Required for frames that will allow targeting by other HTML documents. Inorder for alink to display the retrieved file in a frame otherthan the frame in which the link was {Clicked} in,the targeted frame must be referenced by its name. 3.MARGINWIDTH: Optional attribute stated in pixels. Determines horizontal Space between the contents and the frame's borders. 4.MARGINHEIGHT:Optional attribute stated in pixels. Determines vertical space between the contents and the frame's borders.

5.SCROLLING: Displays a scroll bar(s) in the frame. Possible values are: a)yes – always display scroll bar(s) b)no – never display scroll bar(s) c)auto – browser will decide based on frame contents The default value for this attribute is “auto”. 6.NORESIZE: Optional - prevents viewers from resizing the frame. By default the user can stretch or shrink the frame'sdisplay by selecting the frame's border andmoving it up, down, left, or right.

Vertical frameset

Horizontal frameset

Mixed frameset

Frameset with noresize="noresize"

Navigation frame- Jump to a specified section with frame navigation navigation frame

Try.html frame a frame b

tag The HTML noframes tag is used (in conjunction with the frameset tag) for specifying alternative content for browsers that don't support frames. Syntax:

How to use the tag Your browser does not handle frames!

HTML Iframes An iframe is used to display a web page within a web page. Attributes: 1.Name-Assigns a name to a frame. This is useful for loading contents into one frame from another. 2.Longdesc-A long description - this can elaborate on a shorter description specified with the title attribute. 3.Width-Specifies the width of the inline frame. 4.Height-Specifies the height of the inline frame.

Some older browsers don't support iframes. If they don't, the iframe will not be visible.