home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0198.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  8.1 KB  |  124 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-us>
  4. <head>
  5. <title>TBODY - Table Body</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 TBODY element for table bodies.">
  14. <meta name="keywords" content="TBODY, tbody element, table body, bodies, scrolling, body cells, row group, row groups, table rows, grouping, table, tables, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <tbody> tag, <TBODY> tag">
  15. </head>
  16. <body>
  17. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  18. <h1>TBODY - Table Body</h1>
  19. <table>
  20.   <tr valign=top>
  21.     <th>Syntax</th>
  22.     <td><TBODY>...</TBODY></td>
  23.   </tr>
  24.   <tr valign=top>
  25.     <th>Attribute Specifications</th>
  26.     <td>
  27.       <ul>
  28.         <li>ALIGN=[ left | center | right | justify | chará] (horizontal alignment of cells in group)</li>
  29.         <li>CHAR=<var><a href="../values.html#character">Character</a></var> (alignment character for cells)</li>
  30.         <li>CHAROFF=<var><a href="../values.html#length">Length</a></var> (alignment character offset)</li>
  31.         <li>VALIGN=[ top | middle | bottom | baselineá] (vertical alignment of cells in group)</li>
  32.         <li><a href="../attrs.html">common attributes</a></li>
  33.       </ul>
  34.     </td>
  35.   </tr>
  36.   <tr valign=top>
  37.     <th>Contents</th>
  38.     <td>One or more <a href="tr.html">TR</a> elements</td>
  39.   </tr>
  40.   <tr valign=top>
  41.     <th>Contained in</th>
  42.     <td><a href="table.html">TABLE</a></td>
  43.   </tr>
  44. </table>
  45. <p>The <strong class=html>TBODY</strong> element defines a <em>group of data rows</em> in a table. A <strong class=html><a href="table.html">TABLE</a></strong> must have one or more <strong class=html>TBODY</strong> elements, which must follow the optional <strong class=html><a href="tfoot.html">TFOOT</a></strong>. The <strong class=html>TBODY</strong> end tag is always optional. The start tag is optional when the table contains only one <strong class=html>TBODY</strong> and no <strong class=html><a href="thead.html">THEAD</a></strong> or <strong class=html><a href="tfoot.html">TFOOT</a></strong>. This allows the simple table structure of <a href="http://www.htmlhelp.com/reference/wilbur/">HTMLá3.2</a> to still be valid:</p>
  46. <pre class=example><code class=html><TABLE>
  47.   <TR>
  48.     <TH>Abbreviation</TH>
  49.     <TH>Long Form</TH>
  50.   </TR>
  51.   <TR>
  52.     <TD>AFAIK</TD>
  53.     <TD>As Far As I Know</TD>
  54.   </TR>
  55. </TABLE></code></pre>
  56. <p>By explicitly grouping rows with <strong class=html>THEAD</strong>, <strong class=html>TFOOT</strong>, and <strong class=html>TBODY</strong>, authors give browsers the ability to present a long table with a scrolling body and static header and footer rows. Using <strong class=html>TBODY</strong> also provides the ability to easily suggest different presentations for different row groups through <a href="http://www.htmlhelp.com/reference/css/">style sheets</a>. While few browsers currently support <strong class=html>TBODY</strong>, it can be used with no harm on non-supporting browsers.</p>
  57. <p>The following example gives a table of <abbr class=initialism title="International System">SI</abbr> units of measure. <strong class=html>TBODY</strong> elements are used to group rows based on whether the unit is classed as a "base" unit, "derived" unit, or "supplementary" unit.</p>
  58. <pre class=example><code class=html><TABLE SUMMARY="This table lists SI (International System) units of
  59.                 measure, giving the name of the unit, its symbol, and
  60.                 the quantity that it measures.">
  61.   <CAPTION>SI Units</CAPTION>
  62.   <THEAD>
  63.     <TR>
  64.       <TH SCOPE=col>Name</TH>
  65.       <TH SCOPE=col>Symbol</TH>
  66.       <TH SCOPE=col>Quantity</TH>
  67.     </TR>
  68.   </THEAD>
  69.   <strong><TBODY CLASS=base></strong>
  70.     <TR>
  71.       <TD SCOPE=row>meter</TD>
  72.       <TD>m</TD>
  73.       <TD>length</TD>
  74.     </TR>
  75.     <TR>
  76.       <TD SCOPE=row>kilogram</TD>
  77.       <TD>kg</TD>
  78.       <TD>mass</TD>
  79.     </TR>
  80.     <var>...</var>
  81.   <strong></TBODY></strong>
  82.   <strong><TBODY CLASS=derived></strong>
  83.     <TR>
  84.       <TD SCOPE=row>hertz</TD>
  85.       <TD>Hz</TD>
  86.       <TD>frequency</TD>
  87.     </TR>
  88.     <TR>
  89.       <TD SCOPE=row>pascal</TD>
  90.       <TD>Pa</TD>
  91.       <TD>pressure</TD>
  92.     </TR>
  93.     <var>...</var>
  94.   <strong></TBODY></strong>
  95.   <strong><TBODY CLASS=supplementary></strong>
  96.     <TR>
  97.       <TD SCOPE=row>radian</TD>
  98.       <TD>rad</TD>
  99.       <TD>plane angle</TD>
  100.     </TR>
  101.     <var>...</var>
  102.   <strong></TBODY></strong>
  103. </TABLE></code></pre>
  104. <p>In addition to the <a href="../attrs.html">attributes common to most elements</a>, <strong class=html>TBODY</strong> takes presentational attributes for specifying the alignment of cell data. Since few browsers support <strong class=html>TBODY</strong>, authors may wish to specify these attributes on the <strong class=html><a href="tr.html">TR</a></strong> or <strong class=html><a href="td.html">TD</a></strong> elements instead.</p>
  105. <p>The <strong class=html>ALIGN</strong> attribute specifies the horizontal alignment for each cell in the row group. Possible values are <strong class=html>left</strong>, <strong class=html>center</strong>, <strong class=html>right</strong>, <strong class=html>justify</strong>, and <strong class=html>char</strong>. <strong class=html>ALIGN=char</strong> aligns a cell's contents on the character given in the <strong class=html>CHAR</strong> attribute. The default value for the <strong class=html>CHAR</strong> attribute is the decimal point of the current language--a period in English. The <strong class=html>CHAROFF</strong> attribute specifies the offset to the first occurrence of the alignment character. The attribute's value is a number in pixels or a percentage of the cell's width; <strong class=html>CHAROFF="50%"</strong> centers the alignment character horizontally in a cell.</p>
  106. <p>The <strong class=html>VALIGN</strong> attribute specifies the vertical position of a cell's contents. Possible values are:</p>
  107. <ul>
  108.   <li><strong class=html>top</strong>, which positions data at the top of the cell;
  109.   <li><strong class=html>middle</strong>, the default value, which centers the cell data vertically;
  110.   <li><strong class=html>bottom</strong>, which positions data at the bottom of the cell;
  111.   <li><strong class=html>baseline</strong>, which specifies that the first line of each cell in the row with <strong class=html>ALIGN=baseline</strong> should occur on a common baseline.</li>
  112. </ul>
  113. <h2>More Information</h2>
  114. <ul>
  115.   <li><a href="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TBODY">TBODY in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  116. </ul>
  117. <div class=footer>
  118. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  119. <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>
  120. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  121. </div>
  122. </body>
  123. </html>
  124.