HTML Lists

Take Quiz (1)

HTML Lists

HTML supports three types of lists for organising content.

Unordered List (<ul>)

Items with bullet points. Use when order does not matter.

Ordered List (<ol>)

Items with numbers (or letters). Use when order matters — like steps in a recipe.

Description List (<dl>)

A list of terms and their descriptions. Less common but useful for glossaries.

Nested Lists

You can nest lists inside list items to create sub-lists.

Example

<!-- Unordered list -->
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<!-- Ordered list -->
<ol>
  <li>Install a code editor</li>
  <li>Write your HTML file</li>
  <li>Open in browser</li>
</ol>

<!-- Nested list -->
<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>Backend</li>
</ul>

HTML

Full Editor

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned