Listen

Vermeiden Sie nach Möglichkeit das Verschachteln von Listen in Listen. Sie funktionieren zwar, sehen aber nicht sehr schön aus. Verwenden Sie anstelle einer Liste in einer Liste einfache <p>-Tags für die äußere „Ebene“ der Liste.

Unsortierte Listen

• Äpfel
  • Red Delicious
  • Fuji
  • Granny Smith
    • Grün
    • sauer
• Birnen
• Bananen

<ul>
  <li>apples
    <ul>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ul>
          <li>green</li>
          <li>sour</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ul>

Nummerierte Listen

1. Äpfel
   1. Red Delicious
   2. Fuji
   3. Granny Smith
      1. Grün
      2. sauer
2. Birnen
3. Bananen

<ol>
  <li>apples
    <ol>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ol>
          <li>green</li>
          <li>sour</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ol>

Definitionenlisten

Alpha

die Definition von Alpha

Beta

die Definition von „Beta“

Gamma

Definition von Gamma

<dl>
  <dt>alpha</dt>
  <dd>the definition of alpha</dd>
  <dt>beta</dt>
  <dd>the definition of beta</dd>
  <dt>gamma</dt>
  <dd>the definition of gamma</dd>
</dl>