Unordered Lists

Unordered lists are great for listing items that have no particular order.  They will display as a bullet list, with solid round bullets. The bullet style can be changed, but that is beyond the scope of this tutorial. To start an unordered list, we first use the <UL> tag to tell the browser we are starting an unordered list.  Next we use the <LI> tag to indicate that we are entering a list item, followed by the item description.  We do not need a closing tag for list items.  At the end of the list, we close it with the </UL> tag.

    An example of an unordered list with a header, this time centered with the ALIGN=direction command:

<h2 align="centered">My Pets</h2>

<ul>
   <li>Cat</li>
  <li>Dog</li>
  <li>Rabbit</li>
</ul>

This would display in a browser as:

My Pets

• cat
• dog
• rabbit

Go ahead and try it:

See how easy this is?  Let's move on to hypertext links -- the key part of HTML.