Lists — Free HTML Tutorial

Learn Lists 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 Lists 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 17, 2026

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

Lists in HTML

HTML has three types of lists: unordered lists (<ul>) show bullet points, ordered lists (<ol>) show numbered items, and description lists (<dl>) show term-definition pairs.

Each list item uses the <li> tag. Lists can be nested (list inside a list) to create sub-items — great for menus, outlines, and hierarchies.

Lists are one of the most used HTML elements for navigation menus, feature lists, FAQs, and structured content.

Lists — Syntax

<ul><li>Bullet item</li></ul>      <!-- unordered -->
<ol><li>Numbered item</li></ol>   <!-- ordered -->
<dl>
  <dt>Term</dt><dd>Definition</dd>
</dl>

Learn Lists 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 →