CoderTools Web site

HTML Ordered List

Description


Ordered lists allow you to create lists with numeric or alphabetic or roman numeral orders.

Examples for <ol>


Example:
  1. Hello from WebCodeGuide!
  2. Nice list!
  3. Last list item!
The code:
    
        <ol>
            <li>Hello from WebCodeGuide</li>
            <li>Nice list!</li>
            <li>Last list item!</li>
        </ol>Give it a go!
    
  1. Hello from WebCodeGuide!
  2. Nice list!
  3. Last list item!
    
        <ol start="10">
            <li>Hello from WebCodeGuide</li>
            <li>Nice list!</li>
            <li>Last list item!</li>
        </ol>Give it a go!
    
  1. Hello from WebCodeGuide!
  2. Nice list!
  3. Last list item!
    
        <ol start="10" type="I">
            <li>Hello from WebCodeGuide</li>
            <li>Nice list!</li>
            <li>Last list item!</li>
        </ol>Give it a go!
    

Individually specified list item styles and values:
  1. Hello from WebCodeGuide!
  2. Nice list!
  3. Last list item!
    
        <ol>
            <li type="i" value="2">Hello from WebCodeGuide</li>
            <li type="I" value="12">Nice list!</li>
            <li type="A" value="3">Last list item!</li>
        </ol>Give it a go!
    
Note: the last list item is C because the value="3" as in the 3rd letter of the alphabet.


Attributes for <ol>


Name Values Description
start a number Specifies a number to start the list with instead of 1
type 1 - Default
A - Uppercase letters e.g. A,B,C,D
a - Lowercase letters
I - Uppercase Roman Numerals e.g. I,II,III,IV
i - Lowercase Roman Numerals e.g. i,ii,iii,iv
Specifies the numbering system of the ordered list

Attributes for <li>


Name Values Description
value a number Specifies a number of the list item bullet
type 1 - Default
A - Uppercase letters e.g. A,B,C,D
a - Lowercase letters
I - Uppercase Roman Numerals e.g. I,II,III,IV
i - Lowercase Roman Numerals e.g. i,ii,iii,iv
Specifies the numbering system of the specific list item

8/17/2017 8:59:37 AM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP