Ol element
The HTML ol element represents an ordered list whose items are presented in a meaningful sequential order, typically with numbered markers.
Build a Website with ChatGPT
An ordered list is an HTML list whose items are displayed in a meaningful sequence, typically with numeric markers.
- How it is used
- Organizes procedures, rankings, and recipe directions when item order carries meaning.
- How deep it goes
- Explains basic ol and li markup, reversal, custom starts, nesting, and list-style customization without deeper browser internals.
- Examples
- Demonstrates novelty-item lists, a reversed top-10 list, continued boiling steps, and nested recipe instructions.
- What you can do after
- Build it from scratch using ol and li tags, then reverse, continue, nest, or restyle the sequence.
Web Design Playground, Second Edition
An ordered list is an HTML list whose items are presented in sequential order with automatically generated markers.
- How it is used
- Creates numbered lists for information that must appear in sequential order.
- How deep it goes
- Defines <ol> and <li> construction, browser numbering, indentation, and automatic renumbering, but defers detailed styling.
- Examples
- Demonstrates procedure steps, recipe tasks, document sections, rankings, and a top-10 word-origin list.
- What you can do after
- Apply it via HTML to build automatically numbered lists whose markers update when items change.
Read how Web Design Playground, Second Edition explains ol element →
Related concepts
- listkind of · An HTML list is a structure that groups related items as an ordered or unordered sequence.
- ul elementcontrasts with · The HTML ul element represents a collection of related list items without inherent sequential ordering, typically displayed with bullet markers.
- numbered sublisthas part · A numbered sublist is an ordered list nested within another list item or list.
- list item elementhas part · An HTML <li> element represents a single item in an ordered or unordered list.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.