Ordered lists support start, reversed, and type attributes to adjust numbering. These values affect markers but do not change the list's underlying order of items. The important question is always where the link leads and whether the person reading the page can predict it.
What You Need to Know
Use numbers or letters that match the real sequence. CSS can provide advanced marker styling without replacing the semantics of an ordered list.
Links are the pathways through a website. The words on a link should help someone choose where to go before clicking it.
Example: See It in Action
Here is a simple example to experiment with. Type it, save the file, and check what the browser displays.
This is a short HTML fragment. To try it as a webpage, put it inside the body element of a complete HTML document.
<ol start="4" reversed type="A">
<li>Final check</li>
<li>Review your notes</li>
<li>Save your work</li>
</ol>Let’s Understand the Example
- Ol groups items whose order or numbering matters.
- Li is one item inside a list. Keep each item inside its parent list.
- Start changes the first number used by an ordered list.
- Reversed numbers an ordered list downward instead of upward.
- Type changes the kind of input, script, resource or button, depending on the element.
You should see distinct list items. Ask whether their order carries meaning: if the order matters, use an ordered list; otherwise use an unordered list.
What Should You See?
The page should include “Final check”. If it looks different from what you expected, open developer tools and compare the source with the elements the browser created.
Imagine this link is read out of context. Would its text still explain the destination? Rename unclear links before trying to make them look nicer with CSS.
Try It Yourself
- Try changing start and type, then observe the markers.
- Save your changes, open or refresh the page, and compare the result with the original example.
- Tell a friend what your change did. If you are not sure, undo it, refresh the page, and compare.
Common Beginner Mistakes
- Using reversed but forgetting that the item's reading order is still the source order.
- Avoid dead links, empty href values and clickable-looking text without a real destination.
Key Takeaways
- Ordered lists support start, reversed, and type attributes to adjust numbering.
- Ol groups items whose order or numbering matters.
- Use numbers or letters that match the real sequence. CSS can provide advanced marker styling without replacing the semantics of an ordered list.