Ordered Lists

Ordered lists are displayed as numbered lists.  These are great if we're itemizing steps, such as for instructions. To start an ordered list, we first use the <OL> tag to tell the browser we are starting an ordered 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 </OL> tag.In the example below, I am giving my list a title.  I can use a header tag <Hn> to tell the browser how large to make the text of the header.  There are six levels of header represented by "n", with 1 being the largest and 6 the smallest.  A closing tag is needed following the text of the header, and the numbers must match. An example of an ordered list with a header:

<h1>How to Wash Dishes</h1>

<ol>
  <li>fill dish pan with hot water</li>
  <li>add soap</liI>
  <li>add dishes and wash</li>
  <li>rinse</li>
</ol>

You get the idea.  It would display in the browser as:

How to Wash Dishes

1.  fill dish pan with hot water
2.  add soap
3.  add dishes and wash 
4.  rinse

Now you try it:

Pretty easy, isn't it?  Let's move on to unordered lists.