HTML5 <ol> Tag

Example

3 different ordered lists:

<ol>
<li>Coffee</li>
<li>Tea</li>
</ol>

<ol start="50">
<li>Coffee</li>
<li>Tea</li>
</ol>

<ol reversed="reversed">
<li>Coffee</li>
<li>Tea</li>
</ol>


Try it yourself »

Definition and Usage

The <ol> tag defines the start of an ordered list.

Use together with the <li> tag to define list items.


Differences Between HTML 4.01 and HTML5

The "start" attribute was deprecated in HTML 4.01, but IS supported in HTML5.

The "reversed" attribute is new in HTML5.

The "compact" and "type" attributes were deprecated in HTML 4.01, and are not supported in HTML5. Use CSS to style lists.


Tips and Notes

Tip: You can also define an unordered list, with the <ul> tag

Tip: Use CSS to style lists.


Attributes

New : New in HTML5.

Attribute Value Description
reversedNew reversed If present the list order should be descending (9,8,7...), if not present, the list order should be ascending (1,2,3...)
start number Specifies the start point of an ordered list

Standard Attributes

The <ol> tag also supports the Standard Attributes in HTML5.


Event Attributes

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