Listen in HTML

Listen werden verwendet, um zusammengehörige Elemente strukturiert darzustellen. HTML kennt ungeordnete, geordnete und beschreibende Listen.

1. Ungeordnete Listen (<ul>)

Eine ungeordnete Liste stellt Elemente ohne feste Reihenfolge dar. 
<ul>
  <li>Apfel</li>
  <li>Banane</li>
  <li>Orange</li>
</ul>

Browser stellen ungeordnete Listen standardmäßig mit Aufzählungszeichen dar.

2. Geordnete Listen (<ol>)

Eine geordnete Liste wird verwendet, wenn die Reihenfolge der Elemente wichtig ist. 
<ol>
  <li>HTML lernen</li>
  <li>CSS lernen</li>
  <li>JavaScript lernen</li>
</ol>
Standardmäßig werden Zahlen verwendet, das Aussehen kann mit CSS angepasst werden.

3. Listenelemente (<li>)

Jeder Eintrag einer Liste wird mit dem <li>-Element definiert.

4. Verschachtelte Listen

Listen können ineinander verschachtelt werden, um hierarchische Strukturen darzustellen. 
<ul>
  <li>Programmiersprachen
    <ul>
      <li>C</li>
      <li>C++</li>
      <li>Python</li>
    </ul>
  </li>
  <li>Webtechnologien</li>
</ul>

5. Beschreibende Listen (<dl>)

Eine beschreibende Liste besteht aus Begriffen und deren Beschreibungen. 
<dl>
  <dt>HTML</dt>
  <dd>Struktursprache für Webseiten</dd>

  <dt>CSS</dt>
  <dd>Gestaltung von Webseiten</dd>
</dl>

6. Semantische Bedeutung von Listen

Listen sind nicht nur visuell, sondern auch semantisch wichtig.
Listen sollten verwendet werden, wenn Inhalte logisch zusammengehören.

7. Typische Fehler

8. Zusammenfassung