Topics / HTML / ID: 42

Listen Arten

Normale nummerierte Listen

Mit den nachfolgenden HTML-Tags können Listen erstellt werden, wobei die Listeneinträge automatisch durchnummeriert werden.
Beispiel:

1. <ol>
2. <li>erster Listeneintrag</li>
3. <li>zweiter Listeneintrag</li>
4. <li>dritter Listeneintrag</li>
5. </ol>

1. erster Listeneintrag
2. zweiter Listeneintrag
3. dritter Listeneintrag

Erklärung:
Der einleitende Tag <ol> sagt aus, dass hier eine nummerierte Liste beginnt (ol = ordered list = nummerierte Liste). Die Listeneinträge innerhalb der nummerierten Liste werden durch den einleitenden Tag <li> gekennzeichnet und durch den abschließenden Tag </li> wieder geschlossen (li = list item = Listeneintrag ). Beendet wird die ordered list durch den abschließenden Tag </ol>.

Alphabetisch nummerierte Listen

Diese Art der Nummerierung unterscheidet sich nicht großartig von der normalen nummerierten Liste. Hier wird zusätzlich im einleitenden Tag <ol> der Eintrag type= hinzugefügt.
Beispiel:

Erstes Beispiel:

1. <ol type="A">
2. <li>Listeneintrag mit vorangestelltem A.</li>
3. <li>Listeneintrag mit vorangestelltem B.</li>
4. </ol>

1. Listeneintrag mit vorangestelltem A.
2. Listeneintrag mit vorangestelltem B.

Zweites Beispiel:

1. <ol type="a">
2. <li>Listeneintrag mit vorangestelltem a.</li>
3. <li>Listeneintrag mit vorangestelltem b.</li>
4. </ol>

1. Listeneintrag mit vorangestelltem a.
2. Listeneintrag mit vorangestelltem b.

Erklärung:
Wie oben im Beispiel zu sehen ist, bewirkt type="A", dass die Liste mit Grossbuchstaben durchnummeriert wird und type="a" bewirkt das die Listeneinträge mit Kleinbuchstaben durchnummeriert werden.

Römisch nummerierte Listen

Um eine Liste mit römischen Zahlen zu nummerieren, stehen Ihnen folgende Möglichkeiten zur Verfügung.
Beispiel:

Erstes Beispiel

1. <ol type="i">
2. <li>Listeneintrag mit i.</li>
3. <li>Listeneintrag mit ii.</li>
4. </ol>

1. Listeneintrag mit i.
2. Listeneintrag mit ii.

Zweites Beispiel

1. <ol type="I">
2. <li>Listeneintrag mit I.</li>
3. <li>Listeneintrag mit II.</li>
4. </ol>

1. Listeneintrag mit I.
2. Listeneintrag mit II.

Erklärung:
Hier werden, so wie auch schon in den anderen Beispielen, nur die Einträge hinter type= verändert. Mit dem kleinen i wird die ordered list angewiesen, die Nummerierung in kleinen römischen Ziffern darzustellen.

Das andere Beispiel zeigt die gleiche Verhaltensweise, aber nur mit großen römischen Ziffern.

eingestellt am: 13.10.2005  (629 mal gelesen)

 Druckansicht | Übersicht HTML | zurück