View video tutorial

HTML Ordered Lists

HTML

❮ Prev Next ❯

The <ol> tag defines numerical or alphabetical order list.

HTML Ordered List

➔ Each item will be in <li> tag.

➔ HTML Ordered list starts from number 1 if type attribute is not specified.

➔ Other values for type attribute are type="1", type="i", type="I", type="a", type="A".

➔ Order can be started from anywhere within the range, ex: type="50".

<h2>An Ordered List (type: number)</h2>
<ol type="1">
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ol>

An Ordered List(type="1")

Item1
Item1
Item1

An Ordered List(type="a")

Item1
Item1
Item1

<h2>An Ordered List (type capital letter)</h2>
<ol type="A">
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ol>

An Ordered List(type="A")

Item1
Item1
Item1

An Ordered List(type="i")

Item1
Item1
Item1

An Ordered List(type="I")

Item1
Item1
Item1

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>

<head>
    <title>HTML Ordered List</title>
    <meta charset="utf-8" />
</head>

<body>

    <h2>An Ordered List</h2>

    <ol type="1">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ol>

    <h2>An Ordered List</h2>

    <ol type="a">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ol>

    <h2>An Ordered List</h2>

    <ol type="A">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ol>
    <h2>An Ordered List</h2>

    <ol type="i">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ol>
    <h2>An Ordered List</h2>

    <ol type="I">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ol>

</body>

</html>

Try it Now »

Click on the "See output" button to see how it works.