HTML Tags
Advertisements

HTML <ol> Tag

Topic: HTML5 Tags ReferencePrev|Next

Description

The <ol> (short for ordered list) tag defines an ordered list of items. Each list item is defined by a <li> tag. Typically, ordered-list items are displayed with a number in front of it, but the numbering style can be controlled with the CSS list-style-type property.

The following table summarizes the usages context and the version history of this tag.

Placement: Block
Content: One or more <li> elements
Start/End Tag: Start tag: required, End tag: required
Version: HTML 2, 3.2, 4, 4.01, 5

Syntax

The basic syntax of the <ol> tag is given with:

HTML / XHTML: <ol> ... </ol>

The example below shows the <ol> tag in action.

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

Tag-Specific Attributes

The following table shows the attributes that are specific to the <ol> tag.

Attribute Value Description
reversed reversed This Boolean attribute specifies that the items of the list are specified in the reverse order.
type 1
A
a
I
i
Specify the bullet or numbering type for the list item.
compact compact Obsolete This Boolean attribute specifies that the list should be rendered in a compact style.
start number Specifies the starting number of the first item in an ordered list.

Note: The attributes 'start' and 'type' of the <ol> element was deprecated in previous version of HTML, but reintroduced in HTML5.


Global Attributes

Like all other HTML tags, the <ol> tag supports the global attributes in HTML5.


Event Attributes

The <ol> tag also supports the event attributes in HTML5.


Browser Compatibility

The <ol> tag is supported in all major modern browsers.

Browsers Icon

Basic Support—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Apple Safari 1+
  • Opera 4+

Further Reading

See tutorial on: HTML Lists.

Related tags: <ul>, <li>.

Advertisements
Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties