Youtube Video

ol

ordered list, Listen mit Aufzählungszeichen

siehe auch Gestalten von Listen mit CSS
siehe auch ul

Ordered List oder geordnete Listen werden von HTML mit einem Listzeichen durchnummeriert, sei es numerisch oder alphabetisch. Diese Art der Aufzählung kann man festlegen.

Für die geordnete Liste gelten die gleichen Regeln wie für die ungeordnete Liste.

Regeln

Innerhalb des ul- Tags dürfen nur li Elemente erscheinen.

Innerhalb der li Elemente können Text und andere inline- Elemente vorkommen. Auch Grafik, Video oder Audio Controls. Innerhalb der li- Element dürfen keine Sectioning Elemente vorkommen.

Innerhalb der li Elemente können geordnete oder ungeordnete Listen eingefügt werden.

HTML-Elemente: ol (ordered list), li (list item)

Mit dem Attribut type können Sie die Art der Nummerierung festlegen. Mit dem Attribut start können Sie einen Startwert festlegen.

Attribute: start (Beginn der Nummerierung), type (Art des Nummerierungsformates): 1, a, A, i, I

Mit CSS haben Sie die Möglichkeit weitere Nummerierungsformate zu definieren.

Mit dem alleinstehenden Attribut reversed können Sie die Richtung umkehren.

Innerhalb eines li- Elementes können Sie mit dem Attribut value einen numerischen Wert festlegen. Ab da wird weitergezählt.

Man kann ungeordnete und geordnete Listen ineinander verschachteln.


  1. Peter
  2. Paul
  3. Lisa
  4. Heiner
  5. Fritz

start="100" und verschachtelte Liste.

  1. Sonnenstrahl
  2. Frühling
  3. Freibad
  4. Baggersee
  5. Sonnencreme
    1. Delial
    2. Nivea
    3. Sonnenöl

type="a" oder CSS style="list-style-type:lower-alpha"

  1. Peter
  2. Paul
  3. Lisa
  4. Heiner
  5. Fritz

type = "A" oder CSS style="list-style-type:upper-alpha"

  1. deutsch
  2. englisch
  3. französich
  4. chinesisch
  5. hindi
  6. thai

type="i" oder CSS style="list-style-type:lower-roman"

  1. Peter
  2. Paul
  3. Lisa
  4. Heiner
  5. Fritz

type="I" oder CSS style="list-style-type:upper-roman"

  1. Caesar
  2. Kleopatra
  3. Nero
  4. Octavian
  5. Brutus
  6. Cicero

Im Listenelement für X-Men befindet sich das value Attribut mit Wertzuweisung 10
value="10"

  1. Superman
  2. Batman
  3. X-Men
  4. Solarman
  5. Hypertextman

Standalone Attribut reversed im ol Element
  1. Haus
  2. Garten
  3. Garage
  4. Hinterhof
  5. Hof