HTML Ordered List | HTML Numbered List

HTML Ordered List or Numbered List displays elements in numbered format. The HTML ol tag is used for ordered list. There can be different types of numbered list:

• Numeric Number (1, 2, 3)
• Capital Roman Number (I II III)
• Small Romal Number (i ii iii)
• Capital Alphabet (A B C)
• Small Alphabet (a b c)

To represent different ordered lists, there are 5 types of attributes in <ol> tag.

HTML Ordered List Example

Let's see the example of HTML ordered list that displays 4 topics in numbered list. Here we are not defining type="1" because it is the default type.

Output:

1. HTML
2. Java
3. JavaScript
4. SQL

ol type="I"

Let's see the example to display list in roman number uppercase.

Output:

1. HTML
2. Java
3. JavaScript
4. SQL

ol type="i"

Let's see the example to display list in roman number lowercase.

Output:

1. HTML
2. Java
3. JavaScript
4. SQL

ol type="A"

Let's see the example to display list in alphabet uppercase.

Output:

1. HTML
2. Java
3. JavaScript
4. SQL

ol type="a"

Let's see the example to display list in alphabet lowercase.

Output:

1. HTML
2. Java
3. JavaScript
4. SQL

start attribute

The start attribute is used with ol tag to specify from where to start the list items.

<ol type="1" start="5"> : It will show numeric values starting with "5".

<ol type="A" start="5"> : It will show capital alphabets starting with "E".

<ol type="a" start="5"> : It will show lower case alphabets starting with "e".

<ol type="I" start="5"> : It will show Roman upper case value starting with "V".

<ol type="i" start="5"> : It will show Roman lower case value starting with "v".

Output:

5. HTML
6. Java
7. JavaScript
8. SQL

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<ol>	Yes	Yes	Yes	Yes	Yes