Ordered Lists

Ordered Lists (1,2,3...a,b,c...i,ii,iii) are container elements that have sequence to them. The sequence is implied by the order in which they are constructed in the HTML file. The structure of an Ordered List is:

<OL>
</OL>

Each List Item in an Ordered List is defined by the List Item empty element. Thus, an Ordered List with two List Items (with sequence defaulting to numeric values) would be constructed as:

<OL>
<LI>This is the first List Item in the Ordered List. This List Item will continue until the next HTML element.
<LI>This is the second List Item in the Ordered List.
</OL>

This would produce the following results:

  1. This is the first List Item in the Ordered List. This List Item will continue until the next HTML element.
  2. This is the second List Item in the Ordered List.

There are two common attributes for the Ordered List: type and start.

<OL start="number" type="list-type"

start = the starting number for the Ordered List
type = the type of Ordered List, with valid values being:
       "1" or "a" or "A" or "i" or "I"

Let's look at an example. Assume you wanted to start a numbered list starting with the number 7. Since numbered lists are the default for Ordered List, you'd enter:

<OL start="7">
<LI>This is the first List Item in the Ordered List.
<LI>This is the second List Item in the Ordered List.
</OL>

This would produce the following results:

  1. This is the first List Item in the Ordered List.
  2. This is the second List Item in the Ordered List.

Note that regardless of the type of Ordered List you choose, the start value is always a numeric value. So, for example, if you wanted to start an alphabetic list starting with the letter m, you'd specify the location of the letter m in the alphabet (which is location number 13). To create this list, you'd enter:

<OL start="13" type="a">
<LI>This is the first List Item in the Ordered List.
<LI>This is the second List Item in the Ordered List.
</OL>

This would produce the following results:

  1. This is the first List Item in the Ordered List.
  2. This is the second List Item in the Ordered List.

 

 

 

Copyright © 2001 Michael J. Doyle
All Rights Reserved.

Designed & Developed by Mike Doyle
using Macromedia Dreamweaver & CourseBuilder

See Mike's Training Schedule for
HTML, Dreamweaver, & CourseBuilder Courses

Email Mike Doyle

  1.