website marketing

   

Hosting
Domain Names
Search
Bookmark!
Home | Forum | Resources | Contact | FAQ | Templates | Generators | Affiliates | Shareware | Scripts | CMS Tools | Articles
XML RSS Feeds

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> Learn how to make my own graphic images.
<li>Go into business creating
homepages for others.
</ol>

In a browser it will look like this:

Three things I want to do:

  • Create my very own homepage using this html guide.
  • Learn how to make my own graphic images.
  • 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:

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

Return to Help Index

Subscribe to our bi-monthly Tips

Name:
Email:

NewbieHangout Graphics Logo

NOTE: Use of this Web Site or any Content or Services herein constitutes acceptance of the Conditions of Use and our Privacy Policy. ALL CONTENT Copyright © 2001-2004 NewbieHangout.com. World rights reserved. All material is subject to a liberal Creative Commons License. Please follow the guidelines and give credit where credit is due.