HTML Tutorial: Lists
 
 
Ordered lists are used to present information in a numbered sequence:
  1. First item
  2. Second item
  3. Third item

Tell me how?

    <ol>
      <li>First item
      <li>Second item
      <li>Third item
    </ol>

You've got it ol stands for ordered list. You don't have to type the numbers in, the browser does it for you!

But I want Roman Numerals !!

No problem - we just need to use the TYPE property inside the ol tag.

    <ol TYPE="I";>
      <li>First item
     <li>Second item
      <li>Third item
    </ol>

gives you ....

  1. First item
  2. Second item
  3. Third item

And what if I want letters?

We can do - just put the letter A in your TYPE property.

    <ol TYPE="A">
      <li>First item
      <li>Second item
      <li>Third item
    </ol>

gives you ....

  1. First item
  2. Second item
  3. Third item

Here's one for you... What do you think will happen if you put a lower case a in the TYPE property? 

    <ol TYPE="a">
      <li>First item
      <li>Second item
      <li>Third item
    </ol>

Try it and see .......

Last, but not least, you might not always want to start your count at 1 

    <ol START="7">
      <li>Item 7
      <li>Item 8
      <li>Item 9
    </ol>

gives you ....

  1. Item 7
  2. Item 8
  3. Item 9

OK - one more - changing the font of your numbers 

    <ol style="font-family: Comic Sans MS">
      <li>First item
      <li>Next item
      <li>Last item
    </ol>

Gives you ....

  1. First item
  2. Second item
  3. Third item

Try it out yourself in the box below: