HTML Frames

SQL     Data Warehousing     CSS     PHP     HTML     Database Normalization


HTML Tutorial > HTML Tags > HTML Frames

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: Tags and SEO





Copyright © 2014   1keydata.com   All Rights Reserved     Privacy Policy   About   Contact