Webdesign mit XHTML und CSS

FWPF | Fakultät Innenarchitektur | FH Rosenheim

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).