HTML/Tutorials/Listen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Listen sind Aufstellungen von Informationen in einheitlicher Form und fortlaufender Folge. In HTML gibt es 3 grundsätzlich verschiedene Listentypen, die neben dem Fließtext zu den häufigsten Textstrukturierungs-Elementen gehören.

Einsatzzweck sind unter anderem Navigationen, Auflistungen und Adressfelder.

Das für die Listenpunkte verwendete HTML Elemente <li> hat als CSS-Eigenschaft display den speziellen Wert list-item und wird vom Browser als Blockelement dargestellt. Die Listenelemente stehen deshalb normalerweise untereinander. Im Unterkapitel „Gestaltung mit CSS“ lesen Sie, wie Sie eine Liste auch ohne Zeilenumbrüche darstellen können.

  1. Aufzählungslisten
    • ul, ol und li
    • verschachtelte Listen
    • sortierte Listen
  2. Gestaltung mit CSS
    • Aufzählungszeichen mit list-style
    •  :marker-Selektor
    • horizontale Navigationsleiste
    • Listen mit Kindelementen
  3. Beschreibungslisten
    • dl, dt und dd
    • Kontaktadresse
  4. hybride Nummerierung
    • counter() und counters()
    • counter-reset
    • counter-increment
  5. Fußnoten mit CSS


Siehe auch


Referenzen für den schnellen Überblick: