Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Listen

Aufzählungen werden durch Listenelemente ausgezeichnet.

Eine Liste wird jeweils duch ein umgebendes Element (ul oder ol) eingeleitet. Die einzelnen Aufzählungspunkte werden jeweils mit einem li-Element (list item) ausgezeichnet.

Ungeordnete Listen (unordered list)

  1. <ul>
  2. <li>Aufzählung</li>
  3. <li>Aufzählung</li>
  4. </ul>

Geordnete (nummerierte) Listen (ordered list)

  1. <ol>
  2. <li>Erstens</li>
  3. <li>Zweitens</li>
  4. </ol>

Verschachtelte Listen

  1. <ul>
  2. <li>erste Ebene
  3. <ul>
  4. <li>zweite Ebene</li>
  5. <li>zweite Ebene</li>
  6. </ul>
  7. </li>
  8. <li>erste Ebene</li>
  9. </ul>

Das li-Element der ersten Ebene umschließt das ul-Element der zweiten Ebene; es wird erst nach dem ul-Element der verschachtelten Liste geschlossen.

Listen kommen auf so gut wie jeder Webseite vor.

Ein typischer Anwendungsfall für (meist ungeordnete) Listen ist die Navigation einer Website (= Auflistung von Links).