home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0140.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  7.9 KB  |  117 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  2.    "http://www.w3.org/TR/REC-html40/strict.dtd">
  3. <html lang=en>
  4. <head>
  5. <title>FRAMESET - Frameset</title>
  6. <link rev=Made href="mailto:liam@htmlhelp.com">
  7. <link rel=Start href="../index.html">
  8. <link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html">
  9. <link rel=Copyright href="http://www.htmlhelp.com/copyright.html">
  10. <link rel=StyleSheet href="../style.css" type="text/css">
  11. <link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
  12. <meta name="author" content="Liam Quinn">
  13. <meta name="description" content="A description of HTML 4.0's FRAMESET element for framesets.">
  14. <meta name="keywords" content="FRAMESET, frameset element, frames, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <frameset> tag, <FRAMESET> tag">
  15. </head>
  16. <body>
  17. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  18. <h1>FRAMESET - Frameset</h1>
  19. <table>
  20.   <tr valign=top>
  21.     <th>Syntax</th>
  22.     <td><strong class=required><FRAMESET></strong>...<strong class=required></FRAMESET></strong></td>
  23.   </tr>
  24.   <tr valign=top>
  25.     <th>Attribute Specifications</th>
  26.     <td>
  27.       <ul>
  28.         <li>ROWS=<var><a href="../values.html#multilengths">MultiLengths</a></var> (row lengths)</li>
  29.         <li>COLS=<var><a href="../values.html#multilengths">MultiLengths</a></var> (column lengths)</li>
  30.         <li>ONLOAD=<var><a href="../values.html#script">Script</a></var> (all frames have been loaded)</li>
  31.         <li>ONUNLOAD=<var><a href="../values.html#script">Script</a></var> (all frames have been removed)</li>
  32.         <li><a href="../attrs.html#core">core attributes</a></li>
  33.       </ul>
  34.     </td>
  35.   </tr>
  36.   <tr valign=top>
  37.     <th>Contents</th>
  38.     <td>One or more FRAMESET and <a href="frame.html">FRAME</a> elements, as well as an optional <a href="noframes.html">NOFRAMES</a></td>
  39.   </tr>
  40.   <tr valign=top>
  41.     <th>Contained in</th>
  42.     <td><a href="../html/html.html">HTML</a></td>
  43.   </tr>
  44. </table>
  45. <p>The <strong class=html>FRAMESET</strong> element is a <em>frame container</em> for dividing a window into rectangular subspaces called <em>frames</em>. In a <a href="../html/doctype.html#frameset">Frameset</a> document, the outermost <strong class=html>FRAMESET</strong> element takes the place of <strong class=html><a href="../html/body.html">BODY</a></strong> and immediately follows the <strong class=html><a href="../head/head.html">HEAD</a></strong>.</p>
  46. <p>The <strong class=html>FRAMESET</strong> element contains one or more <strong class=html>FRAMESET</strong> or <strong class=html><a href="frame.html">FRAME</a></strong> elements, along with an optional <strong class=html><a href="noframes.html">NOFRAMES</a></strong> element to provide alternate content for browsers that do not support frames or have frames disabled. A meaningful <strong class=html>NOFRAMES</strong> element should always be provided and should at the very least contain links to the main frame or frames.</p>
  47. <p>The <strong class=html>ROWS</strong> and <strong class=html>COLS</strong> attributes define the dimensions of each frame in the set. Each attribute takes a comma-separated list of lengths, specified in pixels, as a percentage, or as a relative length. A relative length is expressed as <strong class=html><var>i</var>*</strong> where <strong class=html><var>i</var></strong> is an integer. For example, a frameset defined with <strong class=html>ROWS="3*,*"</strong> (<strong class=html>*</strong> is equivalent to <strong class=html>1*</strong>) will have its first row allotted three times the height of the second row.</p>
  48. <p>The values specified for the <strong class=html>ROWS</strong> attribute give the height of each row, from top to bottom. The <strong class=html>COLS</strong> attribute gives the width of each column from left to right. If <strong class=html>ROWS</strong> or <strong class=html>COLS</strong> is omitted, the implied value for the attribute is <strong class=html>100%</strong>. If both attributes are specified, a grid is defined and filled left-to-right then top-to-bottom.</p>
  49. <p>The following example sets up a grid with two rows and three columns:</p>
  50. <pre class=example><code class=html><strong><FRAMESET ROWS="70%,30%" COLS="33%,33%,34%"></strong>
  51.   <FRAME NAME="Photo1" SRC="Row1_Column1.html">
  52.   <FRAME NAME="Photo2" SRC="Row1_Column2.html">
  53.   <FRAME NAME="Photo3" SRC="Row1_Column3.html">
  54.   <FRAME NAME="Caption1" SRC="Row2_Column1.html">
  55.   <FRAME NAME="Caption2" SRC="Row2_Column2.html">
  56.   <FRAME NAME="Caption3" SRC="Row2_Column3.html">
  57.   <NOFRAMES>
  58.     <BODY>
  59.       <H1>Table of Contents</H1>
  60.         <UL>
  61.           <LI>
  62.             <A HREF="Row1_Column1.html">Photo 1</A>
  63.             (<A HREF="Row2_Column1.html">Caption</A>)
  64.           </LI>
  65.           <LI>
  66.             <A HREF="Row1_Column2.html">Photo 2</A>
  67.             (<A HREF="Row2_Column2.html">Caption</A>)
  68.           </LI>
  69.           <LI>
  70.             <A HREF="Row1_Column3.html">Photo 3</A>
  71.             (<A HREF="Row2_Column3.html">Caption</A>)
  72.           </LI>
  73.       </UL>
  74.     </BODY>
  75.   </NOFRAMES>
  76. <strong></FRAMESET></strong></code></pre>
  77. <p>The next example features nested <strong class=html>FRAMESET</strong> elements to define two frames in the first row and one frame in the second row:</p>
  78. <pre class=example><code class=html><strong><FRAMESET ROWS="*,100"></strong>
  79.   <strong><FRAMESET COLS="40%,*"></strong>
  80.     <FRAME NAME="Menu" SRC="nav.html" TITLE="Menu">
  81.     <FRAME NAME="Content" SRC="main.html" TITLE="Content">
  82.   <strong></FRAMESET></strong>
  83.   <FRAME NAME="Ad" SRC="ad.html" TITLE="Advertisement">
  84.   <NOFRAMES>
  85.     <BODY>
  86.       <H1>Table of Contents</H1>
  87.       <UL>
  88.         <LI>
  89.           <A HREF="reference/html40/">HTML 4.0 Reference</A>
  90.         </LI>
  91.         <LI>
  92.           <A HREF="reference/wilbur/">HTML 3.2 Reference</A>
  93.         </LI>
  94.         <LI>
  95.           <A HREF="reference/css/">CSS Guide</A>
  96.         </LI>
  97.       </UL>
  98.       <P>
  99.         <IMG SRC="ad.gif" ALT="Ad: Does your bank charge too much?">
  100.       </P>
  101.     </BODY>
  102.   </NOFRAMES>
  103. <strong></FRAMESET></strong></code></pre>
  104. <p class=note>When pixel lengths are used, they should always be combined with a relative length to handle various window sizes. Pixel lengths should only be used when the frame consists primarily of images or other objects with a fixed size in pixels. Due to their ability to adapt to different window sizes, percentages and relative lengths are generally preferred.</p>
  105. <p>The <strong class=html>FRAMESET</strong> element also accepts <strong class=html>ONLOAD</strong> and <strong class=html>ONUNLOAD</strong> attributes to specify client-side scripting actions to perform when the frames have all been loaded or removed.</p>
  106. <h2>More Information</h2>
  107. <ul>
  108.   <li><a href="http://www.w3.org/TR/REC-html40/present/frames.html#edef-FRAMESET">FRAMESET in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  109. </ul>
  110. <div class=footer>
  111. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  112. <p class=toolbar><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="../index.html" rel=Start>HTMLá4.0áReference</a>á~ <a href="../olist.html">ElementsábyáFunction</a>á~ <a href="../alist.html">ElementsáAlphabetically</a></p>
  113. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  114. </div>
  115. </body>
  116. </html>
  117.