top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How Do I Create An Ordered List?


Ordered lists can help you to display items in a specific order, such as instructions, a table of contents etc...

Basic Ordered List


First place a <OL> at the beginning of your list.

Next place a <LI> in front of every item in your list.

Finally place an ending </OL> at the end of your list.

        Example

I want to tell everyone what my favorite sports are, my code would look like this:

<OL>
<LI>Football
<LI>Basketball
<LI>Baseball
<LI>Hockey
<LI>Soccer
</OL>

Seeing this in the browser will look like this:

  1. Football
  2. Basketball
  3. Baseball
  4. Hockey
  5. Soccer


Changing The Starting Number

You can change the number your list starts off with. By default the list starts with 1. To start with another number do this:

In your beginning <OL> tag, put START="?"

Next change the ? to the number you want your list to start at.

        Example


I want my list to start at 6, my code would look like this.

<OL START="6">
<LI>Football
<LI>Basketball
<LI>Baseball
<LI>Hockey
<LI>Soccer
</OL>

Seeing this in the browser will look like this:

  1. Football
  2. Basketball
  3. Baseball
  4. Hockey
  5. Soccer


Changing The Number Style

You can also change the style of the numbers in your list, you can have letters (A , B , C) Roman Numerals (I , II , III) or numbers (1 , 2 , 3).

To do this, in your beginning <OL> tag, put TYPE=?"

Next replace the ? with the number style that you want.

The number styles are:

Number Style
Result
A
A,B,C
a
a,b,c
I
I,II,III
i
i,ii,i
1
1,2,3
        Example


<OL TYPE="A">
<LI>Football
<LI>Basketball
<LI>Baseball
<LI>Hockey
<LI>Soccer
</OL>

In the Browser...

  1. Football
  2. Basketball
  3. Baseball
  4. Hockey
  5. Soccer
<OL TYPE="I">
<LI>Football
<LI>Basketball
<LI>Baseball
<LI>Hockey
<LI>Soccer
</OL>

In the Browser...

  1. Football
  2. Basketball
  3. Baseball
  4. Hockey
  5. Soccer
<OL TYPE="a">
<LI>Football
<LI>Basketball
<LI>Baseball
<LI>Hockey
<LI>Soccer
</OL>

In the Browser...

  1. Football
  2. Basketball
  3. Baseball
  4. Hockey
  5. Soccer



< BACK







Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
© 2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!