HTML <ol> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

Description

The <ol> HTML tag, short for "ordered list," is a fundamental element used to create numbered lists in a web page. It is typically used to present information in a structured and sequential manner, such as step-by-step instructions or itemized lists. Within the <ol> tag, <li> (list item) elements are used to define individual list items, and the browser automatically generates sequential numbers or other types of markers (e.g., letters or Roman numerals) to label each item. This tag is essential for organizing content hierarchically and providing a clear, numbered sequence to assist readers in understanding and navigating through the information presented on a web page.

Properties

Permitted Parents
Any element that accepts flow content
Content
One or more <li> elements
Start/End Tags
Start tag: required, End tag: required

Example

<ol>
<li>Mouse</li>
<li>Cat</li>
<li>Dog</li>
</ol>

Attributes

Attribute Definition
reversed Specifies that the list order should be descending (9,8,7...)
start Specifies what number to start numbering from.
type Specifies the type of bullet.

Possible values:
  • A
  • a
  • I
  • i
  • 1

Global Attributes

The <ol> tag also supports the Global Attributes in HTML5

Event Attributes

The <ol> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <ol> tag.

Desktop
Edge Chrome Firefox Opera Safari
1211154
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
184143.214.4

Last updated by CSSPortal on: 30th March 2024