home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0180.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  5.6 KB  |  91 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>BR - Line Break</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 BR element for line breaks.">
  15. <meta name="keywords" content="br element, force, forced, line break, clear, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <br> tag">
  16. <script type="text/javascript">
  17. <!--
  18. function toggle() {
  19.   if (document.all.toggler.value == "Hide non-strict attributes") {
  20.      document.styleSheets[0].addRule("div.transitional", "display:none");
  21.      document.styleSheets[0].addRule("li.transitional", "display:none");
  22.      document.styleSheets[0].addRule(".transitional", "speak:none");
  23.      document.all.toggler.value = "Show non-strict attributes";
  24.   } else {
  25.      document.styleSheets[0].addRule("div.transitional", "display:block");
  26.      document.styleSheets[0].addRule("li.transitional", "display:list-item");
  27.      document.styleSheets[0].addRule(".transitional", "speak:inherit");
  28.      document.all.toggler.value = "Hide non-strict attributes";
  29.   }
  30. }
  31. // -->
  32. </script>
  33. </head>
  34. <body>
  35. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  36. <h1>BR - Line Break</h1>
  37. <script type="text/javascript">
  38. <!--
  39.   if (document.styleSheets) {
  40.     var gt;
  41.     gt = unescape(new String("%3E"));
  42.  
  43.     document.write("<p" + gt + "<input type=button value=\"Hide non-strict attributes\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
  44.   }
  45. // -->
  46. </script>
  47. <table>
  48.   <tr valign=top>
  49.     <th>Syntax</th>
  50.     <td><strong class=required><BR></strong></td>
  51.   </tr>
  52.   <tr valign=top>
  53.     <th>Attribute Specifications</th>
  54.     <td>
  55.       <ul>
  56.         <li class=transitional>CLEAR=[ left | all | right | <em class=default>none</em>á] (clear floating objects)</li>
  57.         <li><a href="../attrs.html#core">core attributes</a></li>
  58.       </ul>
  59.     </td>
  60.   </tr>
  61.   <tr valign=top>
  62.     <th>Contents</th>
  63.     <td>Empty</td>
  64.   </tr>
  65.   <tr valign=top>
  66.     <th>Contained in</th>
  67.     <td><a href="../inline.html">Inline elements</a>, <a href="../block.html">block-level elements</a></td>
  68.   </tr>
  69. </table>
  70. <p>The <strong class=html>BR</strong> element forces a <em>break</em> in the current line of text. <strong class=html>BR</strong> can be useful in formatting addresses within the <strong class=html><a href="../block/address.html">ADDRESS</a></strong> element, but it is often misused to break lines of text in a paragraph or table cell when it looks "nice" to the author. This usually results in an awkward presentation when viewed with a font size other than that used by the author.</p>
  71. <div class=transitional>
  72. <p>The <strong class=html>CLEAR</strong> attribute of <strong class=html>BR</strong> is used to move below floating objects (typically <a href="img.html">images</a> or <a href="../tables/table.html">tables</a>). In the following example, the second paragraph should be rendered below the floating image:</p>
  73. <p class=example><code class=html><P><IMG SRC="toronto.jpg" ALIGN=left ALT="" TITLE="Toronto's CN Tower">Toronto is the largest city in Canada and the fourth largest in North America.</P><br><BR CLEAR=left><br><P>The city is highly multicultural, with over 80 ethnic communities from Africa, Asia, and Europe...</code></p>
  74. <p><a href="http://www.htmlhelp.com/reference/css/">Style sheets</a> provide more flexibility in controlling text flow around objects and eliminate the need to use <strong class=html>BR</strong> for this purpose since CSS1's <strong class=css><a href="http://www.htmlhelp.com/reference/css/box/clear.html">clear</a></strong> property can be applied to any element (such as the second paragraph in the preceding example).</p>
  75. </div>
  76. <h2>More Information</h2>
  77. <ul>
  78.   <li><a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-BR">BR in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  79.   <li><a href="http://www.w3.org/TR/REC-html32#br">BR in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá3.2 Recommendation</a></li>
  80.   <li><a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.8">BR in HTMLá2.0 Standard</a></li>
  81.   <li><a href="http://www.htmlhelp.com/reference/wilbur/special/br.html">BR in <abbr class=initialism title="Web Design Group">WDG</abbr> HTMLá3.2 Reference</a></li>
  82.   <li><a href="http://www.hut.fi/u/jkorpela/HTML3.2/5.12.html">BR in <cite>Learning HTMLá3.2 by Examples</cite></a></li>
  83. </ul>
  84. <div class=footer>
  85. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  86. <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>
  87. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  88. </div>
  89. </body>
  90. </html>
  91.