Teaching Banner

Basic HTML Tags

 

Now that you know the basics, start experimenting with these basic tags to control the way text displays. You will use these basic tags to format your resume with HTML.

Try using each of these tags to see how they display in your browser.

 

Tags
(not all have closing tags)

Purpose / Example
<p>    </p>

Paragraph

break

<p align="center">    </p>
centering
<br> Line
break.
<blockquote>     </blockquote>

Indents text

<b>     </b> bold
<i>     </i> italic
<u>     </u> underline
<h1>     </h1>

Heading 1

<h2>     </h2>

Heading 2

<h3>     </h3>

Heading 3

<h4>     </h4>

Heading 4

<h5>     </h5>
Heading 5
<h6>     </h6>
Heading 6
<pre>     </pre>
preformatted text
<div>     </div> Division (used to apply a format to a larger section)
&nbsp; Non-breaking space

Lists

Unordered List
<ul>
<li>apples</li>
<li>pears</li>
<li>oranges</li>
</ul>
  • apples
  • pears
  • oranges
Ordered List
<ol>
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
  1. first
  2. second
  3. third
Nested List

<ul>
<li>fruit</li>
<ol>
<li>apples</li>
<li>oranges</li>
</ol>
<li>vegetables</li>
<ol>
<li>corn</li>
<li>asparagus</li>
</ol>
</ul>

  • fruit
    1. apples
    2. oranges
  • vegetables
    1. corn
    2. asparagus

 

This information is alson contaiuned in a handy pdf document for viewing or downloading.

 

©2010 alyve