Tutorials Courses Interview Prep (100 Q&A) AI Tools (50) Developer Tools (50) Tracks Pricing Plans Blog & Articles Contact Us
Typography, Formatting, Links & Lists 10 mins read Free Lesson

Ordered, Unordered & Definition Lists

Structure sequential and non-sequential content using ul, ol, li, dl, dt, and dd tags.

List Types in HTML

1. Unordered Lists (<ul>)

Used when the sequence of items is not strictly chronological:

<ul>
    <li>Semantic HTML</li>
    <li>Modern CSS Grid</li>
    <li>Tailwind CSS Utilities</li>
</ul>

2. Ordered Lists (<ol>)

Used when numerical order or ranking matters:

<ol start="1">
    <li>Initialize Git repository</li>
    <li>Install dependencies via Composer</li>
    <li>Run database migrations</li>
</ol>

3. Description Lists (<dl>)

Pairs terms (<dt>) with descriptions (<dd>):

<dl>
    <dt>API</dt>
    <dd>Application Programming Interface</dd>
</dl>