vinodsrivastava.wordpress.com HTML- FRAME Frames Frames can divide the screen into separate windows. Frames allow you to split the browsers window up in to as many sections as you like, each capable of displaying its own document.. <FRAMESET> tag is used to divide the web browser window into different section in rows and column. Each section can open independent webpage in it. <FRAMESET> tag use attribute rows="" for creating rows, or cols=" " for creating columns. The attributes values ( separated with commas ) can be in the form of 1. pixels for each frame as in cols="400,300" or rows="100,700" 2. percentage as in cols="50%,50%" or rows="10%,70%,20%" 3. use the '*' for a variable value as in cols="100,*" or rows= “100,*,10%” <Frame> tag is used to define each frame created using frameset tag in order for its attributes. The frame tag is closed with </FRAME> and then the frame set is closed with </FRAMESET> Frame tag is always define inside Frameset tag. No of frame tag to be used inside the frameset will same as the values set in cols / rows attribute of frame set MMWT-HTML-FRAME FRAMESET's attributes attribute values used for cols="50%,50%" setting the number of columns (each cols="” cols="400,300” separated with a comma ) cols="100,*" rows="100,700" rows="” setting the number of rows rows="10%,90%” border="2" setting the frames border for Internet border="" border=”0” for no Explorer in pixels border frameborder="2" setting the frames border for Netscape in frameborder="2" frameborder= “0” for pixels no border FRAME's attributes attribute value used for 0 or No to hide, 1 or Yes to show a border between frameborder="" 0 or 1 frames If set to 0 the frame will be displayed flush with the left marginwidth="" 0 - 100 and right edge of the frame If set to 10 , there will be a space (10 pixels wide) marginheight="" 0 - 100 between the window and the top of the frame Assigning a name to your frames so you can use name="" any name them as targets with the <A> tag noresize none Disallowing the user to resize the frame. Turning the scrollbars on the right side of each frame scrolling="" auto-on-off on or off. Sets the file name and its location on your hard src="" filename.html drive,(or the servers hard drive) to be displayed in the frame. Code Display <frameset rows="16%,84%"> <frame src="top.htm" name="top"> top <frame src="bottom.htm" bottom name="bottom"> </frameset> MMWT-HTML@ VKS-Learning Hub Page 2 MMWT-HTML-FRAME <frameset rows="16%,84%"> Topleft.htm Topright. <frameset cols="50%,50%"> l html <frame src="topleft.html" name="tl"> <frame src="topright.html" name="tr"> </frameset> <frame src="bottom.html" name="bottom"> Bottom.html </frameset> <frameset rows="16%,84%"> <frame src="top.htm" name="top"> Top.html <frameset cols="50%,50%"> <frame src="left.htm" name="left"> <frame src="right.htm" name="right"> left.html right.html </frameset> </frameset> <frameset rows="50%,50%" cols="50%,50%"> <frame src="topleft.htm" name="topleft"> <frame src="topright.htm" name="topright"> Topleft.htm Topright.htm <frame src="botleft.htm" name="botleft"> l l <frame src="botright.htm" name="botright"> </frameset> botleft.html botright.html <FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> <FRAME src=" frame1.html"> <FRAME src=" frame2.gif"> </FRAMESET> <FRAME src=" frame3.html"> <NOFRAMES> <P>This frameset document contains: <UL> <LI><A href="frame1.html"> frame1.html Some neat contents</A> <LI><IMG src=" frame2.gif" alt="A neat Frame3.html image"> <LI><A href="frame3.html"> Some other neat contents</A> </UL> </NOFRAMES> frame2.gif </FRAMESET> MMWT-HTML@ VKS-Learning Hub Page 3 MMWT-HTML-FRAME <frameset rows="50%,50%" cols="50%,50%"> <frame src="topleft.htm" name="topleft"> <frame src=" topright.htm " name="topright"> <frame src="botleft.htm" name="botleft"> <frameset rows="50%,50%"> topleft.htm topright.htm <frameset cols="50%,50%"> <frame src="brtl.htm" name="brtl"> <frame src="brtr.htm" name="brtr"> brtl.htm brtr.htm </frameset> botleft.htm <frame src="botrbot.htm" name="botrbot"> </frameset> botrbot.htm </frameset> <NOFRAME> Tag contain the html content which will be displayed if browser does not support frame document. It’s a container tag. Closed by </noframe> If we don’t use <NoFrame> Tag and Browser does not support Frames, in that case Error page will be displayed by the browser <NOFRAME> TAG basically helps stopping the error page instead displayed the content which is basically a link to a non frame page <Base Target= “ Target Frame name”> Tag is used to link a frame/Window where the hyperlinked webpage of other frame will be displayed . <Base target = “”> is used to open all link document to be open in particular frame of frameset/ Window. <Base Target= “ Target Frame name”> is always declared in <head > tag of HTML Webpage Page MMWT-HTML@ VKS-Learning Hub Page 4.