weiter: img/pfeil_re.gif img/doku.gif   Ein paar andere Kleinigkeiten
zurück: img/pfeil_li.gif img/doku.gif   Tabellen
img/pfeil_do.gif Beispiel Bulletliste
img/pfeil_do.gif Beispiel numerierte Liste
img/pfeil_do.gif Beispiel römisch numerierte Liste
img/pfeil_do.gif Beispiel alphabetisch numerierte Liste
img/pfeil_do.gif

Listen

Listen

In HTML gibt es auch die Möglichkeit, Aufzählungen als Listen darzustellen.
Listen bestehen aus dem Kopf und der Aufzählung.
Zur Definition von Listen mit ihren Elementen gibt es die Tags :
<ul>mit</ul> Zur Definition einer Bullet-Liste (unordered List)
<ol>mit</ol> Zur Definition einer numerierten Liste (ordered List)
<li>mit oder ohne</li> Listenpunkt
Für die Tags gibt es noch Parameter :
Für <ul> : type=circle Punktkennzeichnung mit kleinem Kreis
type=square Punktkennzeichnung mit kleinem Quadrat
type=disc Punktkennzeichnung mit kleinem gefülltem Kreis
für <ol> : type=i Numerierung in römischen Zahlen.
type=i Numerierung in kleinen römischen Zahlen.
type=a Numerierung in Grossbuchstaben.
type=a Numerierung in Kleinbuchstaben.
start= Numerierung beginnt mit dem Wert nach =.
Für <li> : value= Die Numerierung wird auf den Wert nach Value gesetzt (nur bei numerierten Listen gültig).

img/pfeil_up.gif img/pfeil_do.gif

Beispiel Bulletliste


    <ul>Dies ist eine Bullet-Liste
        <li />Der erste Punkt in der Liste
        <li />Der nächste Punkt in der Liste
        <li />Noch ein Punkt in der Liste, diesmal mit mehr Text
            <br />und neuer Zeile
        <li />Und noch ein Punkt
    </ul>
  So siehts aus: img/xview.gif
    Dies ist eine Bullet-Liste
  • Der erste Punkt in der Liste
  • Der nächste Punkt in der Liste
  • Noch ein Punkt in der Liste, diesmal mit mehr Text
    und neuer Zeile
  • Und noch ein Punkt
img/xtest.gif   Ausprobieren
img/pfeil_up.gif img/pfeil_do.gif

Beispiel numerierte Liste


    <ol start=7>Dies ist eine numerierte Liste mit Start
        <li />Der erste Punkt in der Liste
        <li />Der nächste Punkt in der Liste
        <li />Noch ein Punkt in der Liste, diesmal mit mehr Text
            <br />und neuer Zeile
        <li />Und noch ein Punkt
    </ol>
  So siehts aus: img/xview.gif
    Dies ist eine numerierte Liste mit Start
  1. Der erste Punkt in der Liste
  2. Der nächste Punkt in der Liste
  3. Noch ein Punkt in der Liste, diesmal mit mehr Text
    und neuer Zeile
  4. Und noch ein Punkt

img/pfeil_up.gif img/pfeil_do.gif

Beispiel römische Ziffern


    <ol type=i>Dies ist eine römisch numerierte Liste
        <li />Der erste Punkt in der Liste
        <li />Der nächste Punkt in der Liste
        <li />Noch ein Punkt in der Liste, diesmal mit mehr Text
            <br />und neuer Zeile
        <li />Und noch ein Punkt
    </ol>
  So siehts aus: img/xview.gif
    Dies ist eine römisch numerierte Liste
  1. Der erste Punkt in der Liste
  2. Der nächste Punkt in der Liste
  3. Noch ein Punkt in der Liste, diesmal mit mehr Text
    und neuer Zeile
  4. Und noch ein Punkt

img/pfeil_up.gif img/pfeil_do.gif

Beispiel alphabetisch


    <ol type=a>Dies ist eine alphabetisch numerierte Liste
        <li />Der erste Punkt in der Liste
        <li />Der nächste Punkt in der Liste
        <li />Noch ein Punkt in der Liste, diesmal mit mehr Text
            <br />und neuer Zeile
        <li />Und noch ein Punkt
    </ol>
  So siehts aus: img/xview.gif
    Dies ist eine alphabetisch numerierte Liste
  1. Der erste Punkt in der Liste
  2. Der nächste Punkt in der Liste
  3. Noch ein Punkt in der Liste, diesmal mit mehr Text
    und neuer Zeile
  4. Und noch ein Punkt




img/pfeil_up.gif
img/pfeil_up.gif Beispiel Bulletliste
img/pfeil_up.gif Beispiel numerierte Liste
img/pfeil_up.gif Beispiel römisch numerierte Liste
img/pfeil_up.gif Beispiel alphabetisch numerierte Liste
weiter: img/pfeil_re.gif img/doku.gif   Ein paar andere Kleinigkeiten
zurück: img/pfeil_li.gif img/doku.gif   Tabellen