Learn the uses of the body tag

The body comes after the head, and contains all the content code - the content that is actually displayed in the browser window, including the most common tags:

• The tag for a paragraph:
  • <p>element content</p>
• The tag for bold:
  • <strong>element content</strong>
    or
    <b>element content</b>
• The tag for italics:
  • <i>element content</i>
    or
    <em>element content</em> (for emphasis)
• The tag for strikethrough:
  • <s>element content</s>
• The tag for ^superscript:
  • <sup>element content</sup>
• The tag for _subscript:
  • <sub>element content</sub>
• The tag for preformatted text (displayed exactly how you enter it including any whitespace in the element content):
  • <nowiki>element content</nowiki>
• The tag for a marquee (scrolling text)(Outdated):
  • <marquee>element content</marquee>
• The tag for code text (displayed like this):
  • <code>element content</code>
• The tags for headings:
  
  
  • <h1>header text</h1>: the largest header
    <h2>header text</h2> (the 2^nd level header)
    <h3>header text</h3> (the 3^rd level header)
    <h4>header text</h4> (the 4^th level header)
    <h5>header text</h5> (the smallest header)
    
• The tag for links and anchors:
  
  
  • Links:
    
    <a href="url of webpage, or name of anchor within the page to link to">text/image to display as the link</a>
    
    For example:
    
    <a href="http://wikihow.com">wikiHow</a>
  • Anchors (points in the page to be linked to internally, like this Link to the Tips section:
    
    <a name="Tips">element content, in this case the Tips section</a>
• The tags for lists:
  • Numbered and bulleted lists:
    • Bulleted lists (Unordered):
      
      <ul><li>Item 1</li><li>Item2</li><li>Item 3</li></ul>
      
      
    • Numbered lists (Ordered):
      
      <ol><li>Item 1</li><li>Item 2</li><li>Item 3</li>
  • Definition lists:
    
    <dl><dt>Coffee</dt><dd>- Hot Beverage</dd><dt>Leite</dt><dd>- Cold Beverage</dd></dl>
• The tags for tables:
  
  <table>table marks</table>
  
  
  • Rows: <tr>
  • Column headers: <th>
  • Cells: <td>
    
    Example:
    
    <table><tr><th>Mês</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table>
• To make web forms there are several tags needed, but the tags will vary based on needs of the page.
• Learn the tags that do not need a closing tag - i.e. there is only need for one tag. These are called empty tags, because there is no element content. In XHTML, these tags need to be closed with a backslash /, but still there is only need for one tag in both HTML and XHTML:
  
  
  • The tag for a line break: <br>
  • The tag for a horizontal rule: <hr>
  • The tag for images: <img src="your_image_url">