HTML Ordered Lists
❮ Previous Next ❯
The HTML <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.
<ol>: The Ordered List element
The <ol> HTML element represents an ordered list of items — typically rendered as a numbered list.
| Flow content, and if the <ol> element's children include at least one <li> element, palpable content. |
| Zero or more <li>, <script> and <template> elements. |
| None, both the starting and ending tag are mandatory. |
| Any element that accepts flow content. |
| list |
| directory, group, listbox, menu, menubar, none, presentation, radiogroup, tablist, toolbar, tree |
| HTMLOListElement |
10 Lists
Contents
- Introduction to lists
- Unordered lists (UL), ordered lists (OL), and list items (LI)
- Definition lists: the DL, DT, and DD elements
- Visual rendering of lists
- The DIR and MENU elements
What is the default start of list item in ordered list?
This attribute specifies the starting number of the first item in an ordered list. The default starting number is "1".
How to Make Lists in HTML
In HTML, we can list items either in an ordered or unordered fashion.
An ordered list uses numbers or some sort of notation that indicates a series of items.
For example, an ordered list can start with number 1, and continue through 2, 3, 4, and so on. Your ordered list can also start with the letter A and go through B, C, D, and so on.
Here is an example of an ordered list with students' names and marks.
On the other hand, we have unordered lists, like a TODO list for example. Here I am so passionate about coding that I skipped my breakfast 🤓.
There is one more type of list called a description list that we will learn as well below.
Now let's get into a bit more detail and see how to create each type of list in HTML.
HTML Ordered List | HTML Numbered List
HTML Ordered List or Numbered List displays elements in numbered format. The HTML ol tag is used for ordered list. We can use ordered list to represent items either in numerical order format or alphabetical order format, or any format where an order is emphasized. There can be different types of numbered list:
- Numeric Number (1, 2, 3)
- Capital Roman Number (I II III)
- Small Romal Number (i ii iii)
- Capital Alphabet (A B C)
- Small Alphabet (a b c)
To represent different ordered lists, there are 5 types of attributes in <ol> tag.
| Type "1" | This is the default type. In this type, the list items are numbered with numbers. |
| Type "I" | In this type, the list items are numbered with upper case roman numbers. |
| Type "i" | In this type, the list items are numbered with lower case roman numbers. |
| Type "A" | In this type, the list items are numbered with upper case letters. |
| Type "a" | In this type, the list items are numbered with lower case letters. |