The

HTML element is used to create an ordered list on a webpage. This element is essential for structuring content in a clear and organized manner. In this article, we will explore the various uses of the
element and how it can be implemented in an HTML document.

Creating an Ordered List

To create an ordered list using the

element, you simply enclose the list items within the opening and closing
tags. Each list item is wrapped in
1. tags. For example:

   <ol>
   
     <li>First item</li>
   
     <li>Second item</li>
   
     <li>Third item</li>
   
   </ol>

   This will display the list items in sequential order, typically starting from 1 and incrementing by one for each item. The default numbering style is decimal numbers, but this can be customized using CSS.

   Types of Numbering

   The

   element supports several types of numbering styles. These include:

   • decimal (default)
   • decimal-leading-zero (01, 02, 03…)
   • lower-alpha (a, b, c…)
   • upper-alpha (A, B, C…)
   • lower-roman (i, ii, iii…)
   • upper-roman (I, II, III…)

   You can specify the type of numbering by using the type attribute within the

   tag. For example:

   <ol type="A">
   
     <li>First item</li>
   
     <li>Second item</li>
   
     <li>Third item</li>
   
   </ol>

   This will display the list items with uppercase alphabetical numbering (A, B, C…).

   Nested Ordered Lists

   You can also create nested ordered lists by placing one

   element within another. This is useful for organizing information in a hierarchical structure. For example:

   <ol>
   
     <li>First item</li>
   
     <li>Second item
   
       <ol>
   
         <li>Nested item 1</li>
   
         <li>Nested item 2</li>
   
       </ol>
   
     </li>
   
     <li>Third item</li>
   
   </ol>

   This will display the second list item with its own ordered list nested within it.

   In conclusion, the

   element is a powerful tool for creating ordered lists in an HTML document. By utilizing the various numbering styles and nesting capabilities, you can effectively structure and present content on your webpage.