HTML Numbered or Ordered List

By Stephen Bucaro

One of the most common structures found on a webpage is a list. A list can be used to organize and clarify information. There are three kinds of lists; The unordered list which is commonly known as the bulleted list, the definition list which has two parts for each item, the term and the definition, and the ordered list, which in which every item is preceded by a number or letter.

The ordered list is defined by the <ol> </ol> tag pair. Each list item is defined by a <li> </li> tag pair and the list items are automatically numbered by the browser. By default the list items are numbered beginning with the number 1. The code for an ordered list is shown below.

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

1. List item 1
2. List item 2
3. List item 3

Start Ordered List With a Different Numer

You can use the start attribute to set the starting number for an ordered list. The start attribute deprecated in HTML version 4, and un-deprecated in version 5. That shows you what happens when you have things designed by committe! The code for an ordered list starting with the number 8 is shown below.

<ol start="8">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

8. List item 1
9. List item 2
10. List item 3

Create HTML List With Letters Instead of Numbers

You can use the type attribute to identify the list items using letters instead of numbers. By setting the the type attribute to A, you can make the browser number the list items with the alphabet.

<ol type="A">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

1. List item 1
2. List item 2
3. List item 3

Create HTML List With Roman Numerals Instead of Numbers

You can use the type attribute to identify the list items using Roman Numerals instead of numbers. By setting the the type attribute to I, you can make the browser number the list items with Roman Numerals.

<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

1. List item 1
2. List item 2
3. List item 3

Below is a list of possible values for the type attribute of the ordered list.

1 = Arabic numbers
a = Lowercase alphabet
A = Uppercase alphabet
i = Lowercase Roman numerals
I = Uppercase Roman numerals

 Follow @Stephen Bucaro

 General Web Design
 HTML Quick Reference
 CSS Quick Reference
 Java Script Quick Reference
 HTML Design
 Graphics Design
 Easy Cascading Style Sheets
 Easy Java Script Code
 Web Design Tools
 Coding Issues