PGDEL/DECP03/Unit3/11

From WikiEducator
< PGDEL‎ | DECP03‎ | Unit3
Jump to: navigation, search



Unit 3.3 Web application development tools & Technologies
FRAMES

Frame is a powerful feature that enables a web page to be broken into different sections, independent of each other.
Splitting of browser screen is done by the <FRAMESET> tag, it has the following attributes:

Attributes Description Example
Rows Divide the screen in number of rows with specified size of each row. <FRAMESET rows=”50% ,50% ”>
Divides browser into two equal horizontal sections
<FRAMESET rows=”30% ,* ”>
Symbol * indicates the remaining space
Cols Divide the screen in number of columns with specified size of each column. <FRAMESET cols=”50% ,50% ”>
Divides browser into two equal vertical sections
<FRAMESET cols=”30% ,* ”>
Symbol * indicates the remaining space 

Each section can be loaded with different HTML document by using <FRAME> tag.  The <FRAME> Tag having following attributes:

Attributes Description
SRC URL of the document to be loaded in the frame
MARGINHEIGHT Margins left at the top and bottom of the frame.
MARGINWIDTH Margins left at along the sides of the frame.
SCROLLING Controls scrollbars in a frame, we can have value YES, NO or AUTO.
NAME Alphanumeric name of the frame
NORSIZE Disable frame resizing


Example:
<HTML>
   <FRAMESET rows=”50%,50%”>
      <FRAMESET cols=”50%,50%”>
         <FRAME src=”htmlfile1.html”>
         <FRAME src=”htmlfile2.html”>
      </FRAMESET>
      <FRAMESET cols=”50%,50%”>
         <FRAME src=”htmlfile3.html”>
         <FRAME src=”htmlfile4.html”>
      </FRAMESET>
   </FRAMESET>
</HTML>

Road Works.svg Work in progress, expect frequent changes. Help and feedback is welcome. See discussion page. Road Works.svg