Html Lists Ordered Unordered — Free Html Tutorial

Learn Html Lists Ordered Unordered in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Html Lists Ordered Unordered in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated Sep 1, 2026

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Html Lists Ordered Unordered in Html

Unordered lists (<ul>) show items with bullet points. Ordered lists (<ol>) show numbered items. Description lists (<dl>) pair terms with definitions.

Each list item is wrapped in <li>. Lists can be nested infinitely deep for hierarchies.

Style lists with CSS: change list-style-type to disc, circle, square for bullets, or decimal, roman, alpha for numbers.

Html Lists Ordered Unordered — Syntax

<ul>
  <li>Item 1</li>
</ul>
<ol>
  <li>First</li>
  <li>Second</li>
</ol>

Learn Html Lists Ordered Unordered step by step with Syllab's free interactive Html tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full Html course →