Ordered Lists

Ordered lists present items where sequence matters. They're numbered by default.

Basic Ordered List

Structure:

• <ol> - Ordered list container
• <li> - List item (same as unordered)

List Type Attribute

Type values:

• 1 - Numbers (1, 2, 3...)
• a - Lowercase letters (a, b, c...)
• A - Uppercase letters (A, B, C...)
• i - Lowercase Roman (i, ii, iii...)
• I - Uppercase Roman (I, II, III...)

Start Attribute

Reversed Lists

The reversed attribute counts down instead of up.

Individual Item Values

The value attribute sets a specific number for an item.

Nested Ordered Lists

Nested lists often use different types for visual distinction.

Styling Ordered Lists

CSS counters allow complete customization of list numbering.

Exercise: Create Step-by-Step Instructions

Create ordered instructions with nested steps:

Ordered lists are essential for recipes, instructions, rankings, and any sequential content!