Back to

Numbered Lists

<ol> creates a numbered list
<li> precedes each list item
</ol> closes the numbered list

Numbered lists are lists in which the items are.... numbered. That was easy! Every numbered list should begin with <ol> and end with </ol> ("ol" stands for "ordered list"), and each list item should be set off by an <li> tag. There's no need to number and renumber list items if you switch the order around; the browser will does that for you.

A simple numbered list will go something like this:

<p>Three things I want to do:
<ol>
<li> Create my very own
homepage using this html guide.
<li> Win all kinds of awards 
from my homepage.
<li>Go into business creating 
homepages for others.
</ol>

In a browser it will look like this:

Three things I want to do:

1. Create my very own homepage using this html guide.
2. Win all kinds of awards from my homepage.
3. Go into business creating homepages for others.

All that's fine, but say you don't want numbers. Well, there are options for you. Netscape has created list tags that use letters or Roman numerals instead. These extensions aren't supported by all browsers, though, so some of your readers may see plain numbers.

Here's how the lists break down:

<li type=1> makes numbers (1, 2, 3)
<li type=A> makes uppercase letters (A, B, C)
<li type=a> makes lowercase letters (a, b, c)
<li type=I> makes uppercase Roman numerals (I, II, III)
<li type=i> makes lowercase Roman numerals (i, ii, iii)

If you really wanted to, you could combine these tags to create something that looks like an outline:

<ol>
<li type=I>Here is your first line
<ol>
<li type=A>And of course this is the second
<ol>
<li type=1>We now have a third
<li type=1>If you can count you'll know
this is the fourth
</ol></ol></ol>

And it should look like this:

1. Here is your first line
   1. And of course this is the second
      1. We now have a third
      2. If you can count, you'll know this is the fourth

Return to Help Index

ksv@earthling.net