html_primary.asp

W3Schools tutorial..web designing

<p><a target="_blank" href="tryit.asp@filename=tryhtml_paragraphs">Try it 
yourself</a></p>
<p>The &lt;br&gt; tag is an empty tag. It has no end tag like &lt;/br&gt;, since a closing 
tag doesn't make any sense.</p>
<hr />

<h2>&lt;br&gt; or &lt;br /&gt;</h2>

<p>More and more often you will see the &lt;br&gt; tag written like this: &lt;br /&gt;</p>
<p>Because the &lt;br&gt; tag has no end tag (or closing tag), it breaks one of 
the rules for future HTML (the XML based XHTML), namely that all elements must 
be closed. </p>
<p>Writing it like &lt;br /&gt; is a future proof way of closing (or ending) the tag 
inside the opening tag, accepted by both HTML and XML.</p>
<hr />

<h2>Comments in HTML</h2>

<p>The comment tag is used to insert a comment in the HTML source code. A
comment will be ignored by the browser. You can use comments to explain your
code, which can help you when you edit the source code at a later date.</p>
<table width="100%" class="ex" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>
        <pre>&lt;!-- This is a comment --&gt;</pre>
      </td>
    </tr>
  </tbody>
</table>
<p>Note that you need an exclamation point after the opening bracket, but not before the closing bracket.</p>
<hr />

<h2>Recap on HTML Elements</h2>
<ul>
	<li>Each HTML element has <b>an element name</b> (body, h1, p, br)</li>
	<li>The <b>start tag is the name</b> surrounded by angle brackets: &lt;h1&gt;</li>
	<li>The <b>end tag is a slash and the name</b> surrounded by angle brackets 
	&lt;/h1&gt;</li>
	<li><b>The element content</b> occurs between the start tag and the end tag</li>
	<li>Some HTML elements have no content</li>
	<li>Some HTML elements have no end tag</li>
</ul>
<hr />

<h2>Basic Notes - Useful Tips</h2>
<p>When you write HTML text, you can never be sure how the text is displayed in
another browser. Some people have large computer displays, some have small. The
text will be reformatted every time the user resizes his window. Never try to
format the text in your editor by adding empty lines and spaces to the text.</p>
<p>HTML will truncate the spaces in
your text. Any number of spaces count as one. Some extra information:
In HTML a new
line counts as one space.&nbsp;</p>
<p>Using empty paragraphs &lt;p&gt; to insert blank lines is a bad habit. Use
the &lt;br&gt; tag instead. (But don't use the &lt;br&gt; tag to create lists.
Wait until you have learned about HTML lists.)</p>
<p>HTML automatically adds
an extra blank line before and after some elements, like before and after a
paragraph, and before and after a heading.</p>
<p>We use a horizontal rule (the &lt;hr&gt; tag), to separate the sections in our tutorials.</p>
<hr />

<h2>More Examples</h2>
<p><a target="_blank" href="tryit.asp@filename=tryhtml_paragraphs2">More paragraphs</a><br />
This example demonstrates some of the default behaviors of paragraph elements.
</p>
<p>
<a target="_blank" href="tryit.asp@filename=tryhtml_paragraphs">Line breaks</a><br />
This example demonstrates the use of line breaks in an HTML
document.
</p>
<p><a target="_blank" href="tryit.asp@filename=tryhtml_poem">Poem problems</a><br />
This example demonstrates some problems with HTML formatting.
</p>
<p><a target="_blank" href="tryit.asp@filename=tryhtml_headers">Headings</a><br />
This example demonstrates the tags that display headings in an HTML document.</p>
<p>
<a target="_blank" href="tryit.asp@filename=tryhtml_hr">Horizontal rule</a><br />
This example demonstrates how to insert a horizontal rule.</p>
<p><a target="_blank" href="tryit.asp@filename=tryhtml_comment">Hidden comments</a><br />
This example demonstrates how to insert a hidden comment in the HTML source
code.
</p>

<hr />

<h2>Basic HTML Tags</h2>
<p>If you lookup the basic HTML tags in the reference below, you will see that 
the reference contains additional information about tag attributes.</p>
<p>You will learn more about HTML tag attributes in the next chapter of this 
tutorial.</p>

<table class="ex" cellspacing="0" border="1" width="100%">
<tr>
<th align="left">Tag</th>
<th align="left">Description</th>
  </tr>
  <tr>
<td><a href="../tags/tag_html.asp">&lt;html&gt;</a></td>
<td>Defines an HTML document</td>
  </tr>
  <tr>
<td><a href="../tags/tag_body.asp">&lt;body&gt;</a></td>
<td> Defines the document's body</td>
  </tr>
  <tr>
<td><a href="../tags/tag_hn.asp">&lt;h1&gt; to &lt;h6&gt;</a></td>
<td> Defines header 1 to header 6</td>
  </tr>
  <tr>
<td><a href="../tags/tag_p.asp">&lt;p&gt;</a></td>
<td>Defines a paragraph</td>
  </tr>
  <tr>
<td><a href="../tags/tag_br.asp">&lt;br&gt;</a></td>
<td> Inserts a single line break</td>
  </tr>
  <tr>
<td><a href="../tags/tag_hr.asp">&lt;hr&gt;</a></td>
<td> Defines a horizontal rule</td>
  </tr>
  <tr>
<td><a href="../tags/tag_comment.asp">&lt;!--&gt;</a></td>
<td>Defines a comment</td>
  </tr>
</table>
<br />
<hr />
<a href="html_elements.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="html_attributes.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>

<br />
<hr />

<!-- **** SPOTLIGHTS 1 **** -->

<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->


<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />

<center>

<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*imgtxt*/
google_ad_slot = "8606855891";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</center>
<hr />


<!-- **** END SPOTLIGHTS **** -->

</td></tr>

<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='html_primary.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>

</table>
</td></tr>
</table>
</td>


<td width="145" align="center" valign="top">




<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=html" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>

</td>
</tr></table>

</body>
</html>