View video tutorial

HTML Ordered Lists

HTML

<ol> 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".

An Ordered List

  1. Item1
  2. Item1
  3. Item1

An Ordered List

  1. Item1
  2. Item1
  3. Item1

An Ordered List

  1. Item1
  2. Item1
  3. Item1

An Ordered List

  1. Item1
  2. Item1
  3. Item1

An Ordered List

  1. Item1
  2. Item1
  3. 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.