HTML Codes Tutorial by Example


Introduction
HTML tags
Basic HTML tags
HTML format
HTML table
HTML list
HTML link
HTML image
HTML frame
Special chars
Tags and SEO
HTML commands
HTML Color
Site Map










Data Warehousing & Business Intelligence











































HTML Frame

This section introduces the tags related to HTML frames: <frameset> and <frame>.

<frameset>

The <frameset> tag specifies the number of columns/rows on a frame. Note that you may embed a frameset within another frameset. The attributes include:
  • cols: Specifies the number of columns, as well as the width of each column. For example, cols="30%,70%" means that there will be two columns, the first column occupies 30% of the available space, while the second column occupies 70% of the available space.
  • rows: Specifies the number of rows, as well as the width of each row. For example, rows="40%,60%" means that there will be two rows, the first row occupies 40% of the available space, while the second row occupies 60% of the available space.

<frame>

The <frame> tag specifies the properties within a particular frame. The attributes include:
  • src: This attribute specifies the HTML document source.
  • marginwidth: The margin on the left and right side of the frame.
  • marginheight: The margin on the top and bottom of the frame.
  • scrolling: This attribute specifies whether users may scroll up and down within this frame. The possible values are {yes|no|auto}.
  • noresize: This attribute specifies whether users may resize the frame.

Note that search engines typically do not like the use of the frames. Therefore, please consider using the frame feature carefully.

Example 1

HTML:
<frameset cols="50%,50%">
  <frameset rows="100%">
    <frame src="frame1.html">
  </frameset>
  <frameset rows="50%,50%">
    <frame src="frame2.html">
    <frame src="frame3.html">
  </frameset>
</frameset>

Display:


--------------------------------
|              |               |
|              |  frame2.html  |
|              |               |
|  frame1.html |---------------|
|              |               |
|              |  frame3.html  |
|              |               |
--------------------------------


Next Section

Site Map   |   Links

1