home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0218.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  6.6 KB  |  99 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>H1 - Level-one Heading</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 http-equiv="Content-Script-Type" content="text/javascript">
  13. <meta name="author" content="Liam Quinn">
  14. <meta name="description" content="A description of HTML 4.0's H1 element for level-one headings.">
  15. <meta name="keywords" content="H1, h1 element, heading, level-one heading, header, important, align, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <h1> tag, <H1> tag">
  16. <script type="text/javascript">
  17. <!--
  18. function toggle() {
  19.   if (document.all.toggler.value == "Hide non-strict elements and attributes") {
  20.      document.styleSheets[0].addRule("div.transitional", "display:none");
  21.      document.styleSheets[0].addRule("span.transitional", "display:none");
  22.      document.styleSheets[0].addRule("li.transitional", "display:none");
  23.      document.styleSheets[0].addRule(".transitional", "speak:none");
  24.      document.all.toggler.value = "Show non-strict elements and attributes";
  25.   } else {
  26.      document.styleSheets[0].addRule("div.transitional", "display:block");
  27.      document.styleSheets[0].addRule("span.transitional", "display:inline");
  28.      document.styleSheets[0].addRule("li.transitional", "display:list-item");
  29.      document.styleSheets[0].addRule(".transitional", "speak:inherit");
  30.      document.all.toggler.value = "Hide non-strict elements and attributes";
  31.   }
  32. }
  33. // -->
  34. </script>
  35. </head>
  36. <body>
  37. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  38. <h1>H1 - Level-one Heading</h1>
  39. <script type="text/javascript">
  40. <!--
  41.   if (document.styleSheets) {
  42.     var gt;
  43.     gt = unescape(new String("%3E"));
  44.  
  45.     document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements and attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
  46.   }
  47. // -->
  48. </script>
  49. <table>
  50.   <tr valign=top>
  51.     <th>Syntax</th>
  52.     <td><strong class=required><H1></strong>...<strong class=required></H1></strong></td>
  53.   </tr>
  54.   <tr valign=top>
  55.     <th>Attribute Specifications</th>
  56.     <td>
  57.       <ul>
  58.         <li class=transitional>ALIGN=[ left | center | right | justifyá] (horizontal alignment)</li>
  59.         <li><a href="../attrs.html">common attributes</a></li>
  60.       </ul>
  61.     </td>
  62.   </tr>
  63.   <tr valign=top>
  64.     <th>Contents</th>
  65.     <td><a href="../inline.html">Inline elements</a></td>
  66.   </tr>
  67.   <tr valign=top>
  68.     <th>Contained in</th>
  69.     <td><span class=transitional><a href="../special/applet.html">APPLET</a>, </span><a href="blockquote.html">BLOCKQUOTE</a>, <a href="../html/body.html">BODY</a>, <a href="../forms/button.html">BUTTON</a>, <span class=transitional><a href="center.html">CENTER</a>, </span><a href="../phrase/del.html">DEL</a>, <a href="../lists/dd.html">DD</a>, <a href="div.html">DIV</a>, <a href="../forms/fieldset.html">FIELDSET</a>, <a href="../forms/form.html">FORM</a>, <span class=transitional><a href="../special/iframe.html">IFRAME</a>, </span><a href="../phrase/ins.html">INS</a>, <a href="../lists/li.html">LI</a>, <a href="../special/map.html">MAP</a>, <span class=transitional><a href="../frames/noframes.html">NOFRAMES</a>, </span><a href="noscript.html">NOSCRIPT</a>, <a href="../special/object.html">OBJECT</a>, <a href="../tables/td.html">TD</a>, <a href="../tables/th.html">TH</a></td>
  70.   </tr>
  71. </table>
  72. <p>The <strong class=html>H1</strong> element defines a <em>level-one heading</em>. A document generally should have exactly one <strong class=html>H1</strong> element to mark the most important heading.</p>
  73. <div class=transitional>
  74. <p>The <a href="../deprecated.html">deprecated</a> <strong class=html>ALIGN</strong> attribute suggests the horizontal alignment for the heading on visual browsers. Possible values are <strong class=html>left</strong>, <strong class=html>right</strong>, <strong class=html>center</strong>, and <strong class=html>justify</strong>. <a href="http://www.htmlhelp.com/reference/css/">Style sheets</a> provide greater flexibility in suggesting alignment.</p>
  75. </div>
  76. <p>Visual browsers typically render <strong class=html>H1</strong> in a large, bold font. Authors can suggest a presentation for <strong class=html>H1</strong> through style sheets. The following <abbr class=initialism title="Cascading Style Sheets"><a href="http://www.htmlhelp.com/reference/css/">CSS</a></abbr> ruleset suggests a presentation for all <strong class=html>H1</strong> elements:</p>
  77. <pre class=example><code class=css>h1 {
  78.   color: #c33;
  79.   background: transparent;
  80.   font-weight: bold;
  81.   text-align: center
  82. }</code></pre>
  83. <p class=note>Authors should not choose a heading level based on the font size commonly used by visual browsers. The heading level should be chosen based on the heading's importance and placement in the document. An <strong class=html>H1</strong> is typically used as the main heading for a document.</p>
  84. <h2>More Information</h2>
  85. <ul>
  86.   <li><a href="http://www.w3.org/TR/REC-html40/struct/global.html#edef-H1">H1 in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  87.   <li><a href="http://www.w3.org/TR/REC-html32#headings">H1 in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá3.2 Recommendation</a></li>
  88.   <li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.4">H1 in HTMLá2.0 Standard</a></li>
  89.   <li><a href="http://www.htmlhelp.com/reference/wilbur/block/h1.html">H1 in <abbr class=initialism title="Web Design Group">WDG</abbr> HTMLá3.2 Reference</a></li>
  90.   <li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.26.html">H1 in <cite>Learning HTMLá3.2 by Examples</cite></a></li>
  91. </ul>
  92. <div class=footer>
  93. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  94. <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>
  95. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  96. </div>
  97. </body>
  98. </html>
  99.