Creating Lists

List are commonly used throughout web pages. Therefore it is not surprising to find that there are special HTML tags to cater for them. There are two types of lists, bulleted lists and numbered lists.

Bulleted Lists

A bulleted list of items is defined using the <UL> </UL> tag pair.  Each item in the list is defined using the <li> tag.

<ul>
<li>Germany
<li>France
<li>Spain
</ul>

• Germany
• France
• Spain

Nesting a list within another list will cause the bullet to be changed:

<UL>
<LI>Germany</LI>
<LI>France</LI>
<LI>England</LI>
<UL>
    <LI>Devon</LI>
    <LI>Somerset</LI>
    <LI>Cornwall</LI>
    <LI>Berkshire</LI>
    </UL>
<LI>Spain</LI>
</UL>

• Germany
• France
• England
  • Devon
  • Somerset
  • Cornwall
  • Berkshire
• Spain

Numbered Lists

Numbered lists are defined using the <ol> </ol> tag pair.

<ol>
<li>Germany
<li>France
<li>Spain
</ol>

1. Germany
2. France
3. Spain

Nesting a list within is possible:

<OL>
<LI>Germany</LI>
<LI>France</LI>
<LI>England</LI>
<OL>
    <LI>Devon</LI>
    <LI>Somerset</LI>
    <LI>Cornwall</LI>
    <LI>Berkshire</LI>
    </OL>
<LI>Spain</LI>
</OL>

1. Germany
2. France
3. England
   1. Devon
   2. Somerset
   3. Cornwall
   4. Berkshire
4. Spain