Chapter 7
Beginner
7 min read
Core Elements
Lists — Ordered & Unordered
HTML lists organise content into ordered (numbered) or unordered (bulleted) groups.
🎯 What you'll learn
✓Create unordered lists with
<ul>
✓Create ordered lists with
<ol>
✓Use <li> for each list
item
✓Nest lists inside each other
Introduction to Lists — Ordered & Unordered
This chapter covers Lists — Ordered & Unordered in depth. Understanding this topic is essential for writing clean, modern HTML. Use the live editor below to experiment as you read.
💡 In This Chapter
You will see real code examples, clear
explanations, and a live editor to practice immediately — no setup needed.
Ul
Bulleted list.
HTML
<ul>
<li>HTML</li>
<li>CSS</li>
</ul>Ol
Numbered list.
HTML
<ol>
<li>Step one</li>
<li>Step two</li>
</ol>Try It Yourself
Edit the code below and click ▶ Run to see your changes live.
Live Editor
✎ Editor
👁 Preview
❓ Quick Check — Chapter 7
Which tag creates a numbered list in HTML?
📄 Chapter Summary
- Create unordered lists with <ul>
- Create ordered lists with <ol>
- Use <li> for each list item
- Nest lists inside each other