home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0122.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  6.5 KB  |  108 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>HTML 4.0 Block-level Elements</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 and listing of block-level elements in HTML 4.0.">
  15. <meta name="keywords" content="block-level, elements, block, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG">
  16. <script type="text/javascript">
  17. <!--
  18. function toggle() {
  19.   if (document.all.toggler.value == "Hide non-strict elements") {
  20.      document.styleSheets[0].addRule("li.transitional", "display:none");
  21.      document.styleSheets[0].addRule("li.frameset", "display:none");
  22.      document.styleSheets[0].addRule(".transitional", "speak:none");
  23.      document.styleSheets[0].addRule(".frameset", "speak:none");
  24.      document.all.toggler.value = "Show non-strict elements";
  25.   } else {
  26.      document.styleSheets[0].addRule("li.transitional", "display:list-item");
  27.      document.styleSheets[0].addRule("li.frameset", "display:list-item");
  28.      document.styleSheets[0].addRule(".transitional", "speak:inherit");
  29.      document.styleSheets[0].addRule(".frameset", "speak:inherit");
  30.      document.all.toggler.value = "Hide non-strict elements";
  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>HTML 4.0 Block-Level Elements</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\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
  46.   }
  47. // -->
  48. </script>
  49. <p>Most HTMLá4.0 elements permitted within the <strong class=html><a href="html/body.html">BODY</a></strong> are classified as either <em>block-level elements</em> or <a href="inline.html">inline elements</a>. Block-level elements typically contain inline elements and other block-level elements. When rendered visually, block-level elements usually begin on a new line.</p>
  50. <p>The following are defined as block-level elements in HTMLá4.0:</p>
  51. <ul class=elements>
  52.   <li><a href="block/address.html">ADDRESS</a> - Address</li>
  53.   <li><a href="block/blockquote.html">BLOCKQUOTE</a> - Block quotation</li>
  54.   <li class=transitional><a href="block/center.html">CENTER</a> - Centered block</li>
  55.   <li class=transitional><a href="lists/dir.html">DIR</a> - Directory list</li>
  56.   <li><a href="block/div.html">DIV</a> - Generic block-level container</li>
  57.   <li><a href="lists/dl.html">DL</a> - Definition list</li>
  58.   <li><a href="forms/fieldset.html">FIELDSET</a> - Form control group</li>
  59.   <li><a href="forms/form.html">FORM</a> - Interactive form</li>
  60.   <li><a href="block/h1.html">H1</a> - Level-one heading</li>
  61.   <li><a href="block/h2.html">H2</a> - Level-two heading</li>
  62.   <li><a href="block/h3.html">H3</a> - Level-three heading</li>
  63.   <li><a href="block/h4.html">H4</a> - Level-four heading</li>
  64.   <li><a href="block/h5.html">H5</a> - Level-five heading</li>
  65.   <li><a href="block/h6.html">H6</a> - Level-six heading</li>
  66.   <li><a href="block/hr.html">HR</a> - Horizontal rule</li>
  67.   <li class=transitional><a href="block/isindex.html">ISINDEX</a> - Input prompt</li>
  68.   <li class=transitional><a href="lists/menu.html">MENU</a> - Menu list</li>
  69.   <li class=transitional><a href="frames/noframes.html">NOFRAMES</a> - Frames alternate content</li>
  70.   <li><a href="block/noscript.html">NOSCRIPT</a> - Alternate script content</li>
  71.   <li><a href="lists/ol.html">OL</a> - Ordered list</li>
  72.   <li><a href="block/p.html">P</a> - Paragraph</li>
  73.   <li><a href="block/pre.html">PRE</a> - Preformatted text</li>
  74.   <li><a href="tables/table.html">TABLE</a> - Table</li>
  75.   <li><a href="lists/ul.html">UL</a> - Unordered list</li>
  76. </ul>
  77. <p>The following elements may also be considered block-level elements since they may contain block-level elements:</p>
  78. <ul class=elements>
  79.   <li><a href="lists/dd.html">DD</a> - Definition description</li>
  80.   <li><a href="lists/dt.html">DT</a> - Definition term</li>
  81.   <li class=frameset><a href="frames/frameset.html">FRAMESET</a> - Frameset</li>
  82.   <li><a href="lists/li.html">LI</a> - List item</li>
  83.   <li><a href="tables/tbody.html">TBODY</a> - Table body</li>
  84.   <li><a href="tables/td.html">TD</a> - Table data cell</li>
  85.   <li><a href="tables/tfoot.html">TFOOT</a> - Table foot</li>
  86.   <li><a href="tables/th.html">TH</a> - Table header cell</li>
  87.   <li><a href="tables/thead.html">THEAD</a> - Table head</li>
  88.   <li><a href="tables/tr.html">TR</a> - Table row</li>
  89. </ul>
  90. <p>The following elements may be used as either block-level elements or <a href="inline.html">inline elements</a>. If used as inline elements (<abbr title="for example"><i lang=la>e.g.</i></abbr>, within another inline element or a <strong class=html><a href="block/p.html">P</a></strong>), these elements should not contain any block-level elements.</p>
  91. <ul class=elements>
  92.   <li class=transitional><a href="special/applet.html">APPLET</a> - Java applet</li>
  93.   <li><a href="forms/button.html">BUTTON</a> - Button</li>
  94.   <li><a href="phrase/del.html">DEL</a> - Deleted text</li>
  95.   <li class=transitional><a href="special/iframe.html">IFRAME</a> - Inline frame</li>
  96.   <li><a href="phrase/ins.html">INS</a> - Inserted text</li>
  97.   <li><a href="special/map.html">MAP</a> - Image map</li>
  98.   <li><a href="special/object.html">OBJECT</a> - Object</li>
  99.   <li><a href="special/script.html">SCRIPT</a> - Client-side script</li>
  100. </ul>
  101. <div class=footer>
  102. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  103. <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>
  104. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  105. </div>
  106. </body>
  107. </html>
  108.