HTML Ordered Lists

« Prev Next »

An Ordered List represents a numbered list of items where sequence has significance such as steps or rankings. The <ol> tag creates an ordered list by enclosing each item in <li> tags.

Syntax

<ol>
  <li>Step One</li>
  <li>Step Two</li>
  <li>Step Three</li>
</ol>

html-ol list

<li> – List Item

  • All elements in the list require wrapping with an <li> tag.
  • The list can hold text elements along with images, hyperlinks and sub-lists.

Example

 <ol type="A">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ol>
Run ›

Types of Ordered Lists

The <ol> tag supports a type attribute to change numbering styles.

 

Type Value Output Style
"1" 1, 2, 3... (default)
"A" A, B, C...
"a" a, b, c...
"I" I, II, III...
"i" i, ii, iii...

Nesting Ordered Lists

<ol>
  <li>HTML
    <ol>
      <li>Tags</li>
      <li>Attributes</li>
    </ol>
  </li>
  <li>CSS</li>
</ol>
Run ›
« Prev Next »

Quickly Find What You Are Looking For

OnlineTpoint is a website that is meant to offer basic knowledge, practice and learning materials. Though all the examples have been tested and verified, we cannot ensure the correctness or completeness of all the information on our website. All contents published on this website are subject to copyright and are owned by OnlineTpoint. By using this website, you agree that you have read and understood our Terms of Use, Cookie Policy and Privacy Policy.