Listeler

Öğelerin sırası önemli değilse <ul> (işaretli), önemliyse <ol> (numaralı) kullan. Her madde bir <li> elemanıdır. <ol>'un start ve reversed öznitelikleri vardır.

<h3>Shopping</h3>
<ul>
  <li>Bread</li>
  <li>Cheese</li>
  <li>Tomatoes</li>
</ul>

<h3>Tea in 3 steps</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea</li>
  <li>Wait five minutes</li>
</ol>

Alt liste, <li> içine ve o maddenin kapanış etiketinden önce yerleştirilir. Doğru yapı menüler ve içindekiler için temeldir.

<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>Backend</li>
</ul>

Terim–açıklama çiftleri için <dl> vardır: <dt> terimi, <dd> açıklamasını belirtir. Sözlük ve özellik listeleri için uygundur.

<dl>
  <dt>HTML</dt>
  <dd>The language that structures a page.</dd>
  <dt>CSS</dt>
  <dd>The language that styles it.</dd>
</dl>