HTML-Frames

From WikiEducator
Jump to: navigation, search
Uou-logo-100px.png
Home  |  About UOU  |  About CEMCA  |  Contact Us    

Unit 3.3 Web application development tools & Technologies


3.3.3 HTML

3.3.3.1 HTML elements

3.3.3.2 HTML document structure

3.3.3.3 HTML attributes

3.3.3.4 HTML text formatting tags

3.3.3.5 Lists

3.3.3.6 Graphics to HTML document

3.3.3.7 Tables

3.3.3.8 HTML hyperlinks

3.3.3.9 Frames


3.3.3.9 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.
NAME Alphanumeric name of the frame
NORSIZE Disable frame resizing
SCROLLING Controls scrollbars in a frame, v\can have value YES, NO or AUTO.

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>         .

Next
Suggested Reading
  • Reading 01 Title
  • Reading 02 Title
  • Reading 03 Title


 Suggested Videos
  • Video 01 Title
  • Video 02 Title
  • Video 03 Title


Suggested Audio
  • Audio 01 Title
  • Audio 02 Title
  • Audio 03 Title