logo

Mit dem TAG <ol> / <ul> können Listen / Aufzählungen / Navigation dargestellt werden.

Bild Listen

Mit dem TAG <ol> werden geordnete Listen mit fortlaufender Nummerierung / Bezeichnungen und mit <ul> werden ungeordnete Listen mit Symbolen erstellen.
Zur Definition wird <ol type=x> oder <ul type=x> benutzt. Der Vorteil ist, dass man unterschiedliche Aufzählungszeichen nutzen kann (bei <ul> Viereck, Kreis und Punkt und bei <ol> Zahlen, römische Zahlen und Buchstaben). Die einzelnen Listenpunkte werden bei Symbolen oder Bezeichnungen mit <li> Inhalt </li> definiert.

Description List = <dl>, Definition Term = <dt>, Description = <dd> -> Diese TAGs werden z.B. als Gruppierungen genutzt.

Code mit dl - dt - dd Ausgabe
Bild zb_dl_dt_dd
Buchstabe A
Andrea
Anton
Buchstabe B
Birgit
Burkhard
Buchstabe C
Caesar
Cecile


nach oben

<ol type=1>
Nummerische Auflistung mit type = 1

  1. Listenpunkt
  2. Listenpunkt
  3. Listenpunkt
<ol type=A>
Nummerische Auflistung mit type = A

  1. Listenpunkt
  2. Listenpunkt
  3. Listenpunkt
<ol type=a>
Nummerische Auflistung mit type = a

  1. Listenpunkt
  2. Listenpunkt
  3. Listenpunkt
<ol type=I>
Nummerische Auflistung mit type = I

  1. Listenpunkt
  2. Listenpunkt
  3. Listenpunkt
<ol type=i>
Nummerische Auflistung mit type = i

  1. Listenpunkt
  2. Listenpunkt
  3. Listenpunkt


nach oben

<ul type="circle"> <ul type="square">
Auflistung mit type = "circle" Auflistung mit type = "square"

  • Listenpunkt
  • Listenpunkt
  • Listenpunkt

  • Listenpunkt
  • Listenpunkt
  • Listenpunkt
<ul type="disc"> <ul>
Auflistung mit type = "disc" Auflistung ohne type

  • Listenpunkt
  • Listenpunkt
  • Listenpunkt

  • Listenpunkt
  • Listenpunkt
  • Listenpunkt


nach oben

Verschachtelte Listen

zb_list_schachtel
  • Erster Listeneintrag
  • Zweiter Listeneintrag
    1. Unterpunkt 1 des zweiten Listenpunktes
    2. Unterpunkt 2 des zweiten Listenpunktes
    3. Unterpunkt 3 des zweiten Listenpunktes
    4. Unterpunkt 4 des zweiten Listenpunktes
  • Dritter Listeneintrag
  • Vierter Listeneintrag
  1. Erster Listeneintrag
    • Unterpunkt 1 des zweiten Listenpunktes
  2. Zweiter Listeneintrag
    • Unterpunkt 1 des zweiten Listenpunktes
    • Unterpunkt 2 des zweiten Listenpunktes
  3. Dritter Listeneintrag
    • Unterpunkt 1 des zweiten Listenpunktes
  4. Vierter Listeneintrag
  1. Erster Listeneintrag
  2. Zweiter Listeneintrag
    • Unterpunkt 1 des zweiten Listenpunktes
    • Unterpunkt 2 des zweiten Listenpunktes
      1. Unterpunkt 1 des zweiten Listenpunktes
      2. Unterpunkt 2 des zweiten Listenpunktes
  3. Dritter Listeneintrag
  4. Vierter Listeneintrag


nach oben