Listen und Aufzählungen in HTML
Hier lernen wir unseren ersten HTML-TAG kennen, der nicht alleine vorkommen kann. Es muss noch zusätzlich die Art der Liste definiert werden. Hierfür gibt es den HTML-TAG
- - dieser umschließt alle Listenelemente:
Am Beispiel wird deutlich, wie die TAGs zusammenspielen und welche TAGs wie geschachtelt sein sollten.
<ul>
<li>Das ist der 1. Listenpunkt</li>
<li>Das ist der 2. Listenpunkt</li>
<li>Das ist der 3. Listenpunkt</li>
</ul>
Dabei steht <ul> für das englische „unordered list“ = unsortierte Liste, ungeordnete Liste. Dieser HTML-Befehl hat zur Folge, dass für jedes <li> ein Spiegelstrich in Form eines Kreises gesetzt wird.
Listen mit automatischer Nummerierung
Wenn jetzt eine sortierte (durchnummerierte) Liste benötigt wird, wird das
- durch
- ersetzt. Dabei steht <ol> für das englische „ordered list“ = sortierte Liste.
<ol>
<li>erster Listenpunkt</li>
<li>zweiter Listenpunkt</li>
<li>dritter Listenpunkt</li>
</ol>
Gliederungen:
Bei einer Gliederung in einer HTML Seite werden sich die Webmaster einer besonderen Herausforderung stellen müssen.
Aufgabe:
<ol>
<li>Das ist der 1. Listenpunkt</li>
<ul>
<li>erster Unterpunkt</li>
</ul>
<li>Das ist der 2. Listenpunkt</li>
<ul>
<li>zweiter Unterpunkt</li>
</ul>
<li>Das ist der 3. Listenpunkt</li>
<ul>
<li>dritter Unterpunkt</li>
</ul>
</ol>