Im Leben gibts auch Listen

• Beispiel: Eine unordentliche Liste
• Und jetzt das ordentliche Beispiel
• Russische Puppen
• Aufgaben

Im Leben gibts auch Listen

Je nachdem, ob du deine Listen ordentlich oder unordentlich (!) gestalten willst, hast du unterschiedliche Möglichkeiten. Dies ist eine unordentliche Liste:

• Unordentliche Listen in HTML
• bestehen aus eingen Einträgen
• die alle mit dem <li>-Tag beginnen,
• und mit dem </li>-Tag enden!

Und das ganze in HTML:

<ul>
        <li>Unordentliche Listen in HTML</li>
        <li>bestehen aus eingen Einträgen</li>
        <li>die alle mit dem <li>-Tag beginnen,</li>
        <li>und mit dem </li>-Tag enden!</li>
</ul>

Bei ordentlichen Listen wird nicht etwa Ordnung in die Liste gebracht, nein, es wird einfach nur durchgezählt:

1. Ordentliche Listen in HTML
2. bestehen aus eingen Einträgen
3. die alle mit dem <li>-Tag beginnen,
4. und mit dem </li>-Tag enden!

Hier wieder als HTML-Original:

<ol>
        <li>Ordentliche Listen in HTML</li>
        <li>bestehen aus eingen Einträgen</li>
        <li>die alle mit dem <li>-Tag beginnen,</li>
        <li>und mit dem </li>-Tag enden!</li>
</ol>

Der einzige Unterschied in den beiden Listen ist also das Listen-Tag: bei unordentlichen Listen das <ul>-Tag, bei ordentlichen Listen das <ol>-Tag.

Russische Puppen

Was russische Puppen können, dass können wir schon lange! Hier die Liste in der Liste (in der Liste in der . . .):

• Das ist Liste eins
• Und hier haben wir eine zweite Liste
• Immer noch die zweite Liste . . .
• Wieder zurück!

1. Aufgabe: Wie sieht wohl die Liste zu den Russischen Puppen in HTML aus?
2. Aufgabe: Versuche dich an einer Klassenliste in HTML! Erweitere die Klassenliste dann so, dass jede Adresse einer Mini-Liste entspricht (Russische Puppen)