Category: Entertainment

Presentation Description

No description available.


Presentation Transcript


FRAMES Frame is an individual, independently scrolling region of a web page. Frames are used to divide browser screen in different sections so as to display more then one web page in the browser at the same time. While creating frame, the <body>tag has to be replaced by <frameset>tag.


<FRAMESET> ATTRIBUTES Cols Rows border bordercolor Framespacing

PowerPoint Presentation:

The cols & rows attributes are used to specify the no. of rows and columns to be created and the size of each row and columns. It can take a list of values separated by commas. The “rows” attribute divides the screen into horizontal frames whereas the “cols” attribute divides the screen into vertical frames.

PowerPoint Presentation:

Ex:<html> <frameset cols="25%,50%,*”> <frame src="frame_a.htm" > <frame src="frame_b.htm" > <frame src="frame_c.htm" > </frameset> </html> o/p

PowerPoint Presentation:

The <frameset> tag contains the <frame> tag. The <frameset> tag defines how the screen needs to be split, while <frame> tag contains the files to be displayed. N:B-* indicates the remaining space.

PowerPoint Presentation:

(d) Bordercolor : sets the border color all the frames in the frameset. (e) Framespacing : Changes the spacing between the frames creating an impression that the border was increased. Bordercolor=blue Framespacing=20


Frame (c) Border: 1/0=Defines the border of the frames. (i) Border=1(standard) = displays the border. (ii) Border=0= no border. This is used in the outermost frameset tag to set the border thickness for all frames within frameset.


<FRAME> ATTRIBUTES:- The attributes of the <frame> command supersede the attributes of the same name defined by <frameset> <frame> does not have a end tag. Frameborder Marginwidth Marginheight Name Noresize Scrolling Src

PowerPoint Presentation:

(a ) Frameborder → It enables or disables the border display for the current frame. (b) marginheight → sets the size of the top and bottom margin used in the frame in pixel. (c) marginwidth → sets the size of the left and right margin used in the frame in pixel. (d) name =”string” →sets the name of the frame so that it can be identified and located to load documents.

PowerPoint Presentation:

(e) Noresize : This prevents the user from resizing the frames. By default the user can resize frames by dragging the frame to new position. (f) Scrolling : yes/no/auto: allows us to control the scrolling bar of the frame. Default value is auto Scrolling :yes →always shows a scrollbar. Scrolling :no → never shows a scrollbar. Scrolling : auto→ shows a scrollbar when the frame content exceeds the size of the window. (g) src : specifies the URL of the frame document. Note: There is no limit to the no of <frameset> tags to be used in a document.

PowerPoint Presentation:

LINKING OF FRAMES Step1: Create the frames and name the one where u need to open the linked document.

PowerPoint Presentation:

<html> <frameset rows="300,30,*" cols="250,*" > <frame name="first" src="list1.html"> <frame name="second" src="parah.html"> <frame name="third" src="frameset.html"> <frame name="fourth" src="imgmap_2013.html"> <frame name="fifth" src="format.html"> <frame name="sixth" src="texteffect.html"> </frameset> </html>


NOFRAME TAG <noframe> tag is used in the non-frame supporting browsers. In that case the text written within the <noframe> ….</noframe> element will be displayed in the browser in place of the frame. But <noframe> element is ignored by the browsers that handle frames. <noframe> element is always used within the <frameset> element.

PowerPoint Presentation:

<html> <head><title>no frame element</title></head> <frameset cols=”50%,*”> <frame src=”page1.htm”> <frame src=”page2.htm”> <noframe>your browser does not support frames</noframe> </frameset> </html>


INLINE OR FLOATING FRAME Inline frame or floating frames can be positioned anywhere on a web document. Like image and table, they can be used along with the text. Inline frame does not have a supporting tag for non-frame supporting browsers. <iframe>…<iframe> is used within the <body>…..</body> section of the web document to create inline frame.


ATTRIBUTES OF IFRAME Align Frameborder Height & Width Hspace vspace Marginheight Marginwidth Name Scrolling Src

PowerPoint Presentation:

(a)align=left/right/top/middle/bottom → specifies alignment of inline frame. (b) frameborder =0/1→sets whether or not borders surrounds the frame. (c)height &width=”number” →set the dimensions of the frame in pixel. (d) hspace =”number” →specifies horizontal spacing around the frame in pixels. (e) vspsce =”number” → specifies vertical spacing around the frame in pixels. (f) marginheight =”number” →sets the size of the top and bottom margin used in the frame.

PowerPoint Presentation:

(g) marginwidth =”number” →sets the size of the right and left margin. (h)name=”string” →sets the name of the frame. ( i )scrolling=auto/yes/no→ Determine the scrollbar action. (j) src → specifies the URL of the frame document.

PowerPoint Presentation:

<html> <body bgcolor ="magenta"> < iframe src =" tulips.jpg " width="400" height="400" scrolling="auto" frameborder ="1"> </ iframe > </body> </html>


LINKING OF INLINE FRAME step1: name the inline frame with the help of name attribute step2: remaining in the main document target the linked file to the inline frame window with the help of “target” attribute.  

authorStream Live Help