HTML Tutorial
INTRODUCTION
HTML BASIC TAGS
INLINE & BLOCK ELEMENTS
HTML LISTS
HTML TABLES
HTML FORMS
HEAD ELEMENTS
HTML MEDIA
MISCELLANEOUS TAGS
HTML Ordered List
An ordered list is used when the order of item matters, think of instructions, top ranking, or steps in a process – each item needs a clear place in a sequence. HTML uses numbers or letters to show this order automatically.
What is an Ordered List?
Ordered lists arrange content in a fixed sequence. Each list item is displayed with a number or symbol that reflects its position.
This list is defined using the <ol> tag (ordered list), and each item inside it uses an <li> tags (list item).
Basic Syntax
Here’s a simple example of an ordered list:
<ol>
<li>Mango</li>
<li>Orange</li>
<li>Litchi</li>
</ol>
Output:
- Mango
- Orange
- Litchi
Customizing Numbering with type
By default, ordered lists use regular numbers. However, HTML lets you choose different types of markers using the type attribute:
“1”– Arabic numbers (1, 2, 3……) default“A”– Uppercase letters (A, B, C……)“a”– Lowercase letters (a, b, c…….)“I”– Uppercase Roman numerals (I,II,III……..)“i”– Lowercase Roman numerals ( I, ii, iii…….)
Example using uppercase letters:
<ol type="A">
<li>Physics</li>
<li>Chemistry</li>
</ol>
Output
- Physics
- Chemistry
Starting from a Custom Number
The start attributes allow to begin your list from a number or a letter other than the default first one.
For example:
<ol type="A" start="3">
<li>Pen</li>
<li>Pencil</li>
</ol>
Output
- Pen
- Pencil
Conclusion
Ordered lists are perfect for situations where the order of content matters. Whether you’re writing instruction, ranking, or steps, the <ol> and, <li> tags let you create clear, structured sequences-enhanced with numbering styles and custom starting points.
In the next module, we’ll explore definition lists, used for term and their explanations.