HTML Tutorial


Lesson 7
Types of Lists

HTML has the capability of displaying two types of lists:

  • Ordered
  • Unordered
The list above is unordered. Its source code looks like:
<ul>
<li>Ordered
<li>Unordered
</ul>

The <ul> tag opens an Unordered List.
The <li> tag designates a List Item.
The </ul> tag closes the list.

For a numbered list you would use the
The Ordered List tag, <ol>. This could be used to do something like
<ol>
<li>Open Browser
<li>Open Text Editor
<li>Create HTML Document in Text Editor
<li>View HTML Document with Browser
<li>Debug HTML Document in Text Editor
<li>Repeat Steps 4 and 5 As Necessary
<li>Post HTML Document on Web Using FTP Program
</ol>

which would give us

  1. Open Browser
  2. Open Text Editor
  3. Create HTML Document in Text Editor
  4. View HTML Document with Browser
  5. Debug HTML Document in Text Editor
  6. Repeat Steps 4 and 5 As Necessary
  7. Post HTML Document on Web Using FTP Program

It is possible to nest lists within lists:

  1. Cleaners
    • Leave Jacket
    • Pick Up Slacks
  2. Car
    1. Gas
    2. Tune-Up
    3. Car Wash
  3. Groceries
    • Peppers
    • Pickles
    • Potatoes

LESSON 6 | HOME PAGE | LESSON 8

© Geo. McCalip 2001