HTML Lists: Ordered, Unordered and Description Lists

HTML lists group related items. Choose an unordered list when order does not matter, an ordered list when sequence matters, or a description list for terms and their descriptions.

Unordered list

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Ordered list

Use <ol> for steps or rankings where order is meaningful.

<ol>
  <li>Create an HTML file.</li>
  <li>Add page content.</li>
  <li>Open the file in a browser.</li>
</ol>

Description list

Use <dl> with <dt> terms and <dd> descriptions.

<dl>
  <dt>HTML</dt>
  <dd>The markup language for structuring web content.</dd>
</dl>