Lists: HTML
Create an Ordered List


An ordered list uses a numbering system to indicate each list item.
The <OL> Tag Create an ordered list by using the <OL></OL> tags.

Use the <LI> tag in front of each list item.  The <LI> tag requires no closing tag.

HINTS:
OL= Ordered List

LI=List Item

Example I enjoy reading many different kinds of books:
  1. Science Fiction
  2. Mysteries
  3. Thrillers
  4. Serious Literature
  5. General Nonfiction
The HTML code for the above list is:

I enjoy reading many different kinds of books:

<OL>
<LI>Science Fiction
<LI>Mysteries
<LI>Thrillers
<LI>Serious Literature
<LI>General Nonfiction
</OL>

By default the numeric symbols in an ordered list are Arabic numbers.

Use the TYPE=[X] attribute with the opening <OL> tag to specify another numbering style for the entire list.

Use the TYPE=[X] attribute with the <LI> tag to specify another type of bullet for a particular list item.

Replace the [X] attribute with a value as indicated in the examples below.

Types of Numbering Systems
  1. The default is Arabic numbers.
  1. You can use capital letters.
  1. You can use lower case letters.
  1. You can use large Roman numerals.
  1. You can use small Roman numerals.
  1. You can even start in the middle of a sequence.
The HTML code for the above list is:

<OL>

<LI>The default is Arabic numbers.

<LI TYPE=A>You can use capital letters.

<LI TYPE=a>You can use lower case letters.

<LI TYPE=I >You can use large Roman numerals.

<LI TYPE=i>You can use small Roman numerals.

<LI TYPE=1 VALUE=3>You can even start in the middle of a sequence.

</OL>

Nested Ordered Lists A nested list is a list within a list.

To create a nested unordered list, add another <OL></OL> tag pair within your original list.

By default all levels of a nested ordered list will use Arabic numbers.

Add the TYPE attribute and the desired value to your nested list to change the type of list item marker used on the second and subsequent list levels.

Lists: HTML
Overview
Create an Unordered List
Create an Ordered List
Create a Definition List

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: October 19, 2006
© Agatha Taormina