SELFHTML/Quickbar  HTML  Absatztypen und Textgestaltung


Numerierte Listen

Diese Seite ist ein Dokument mit Informationstext

 Numerierte Listen definieren
 Listen alphabetisch numerieren
 Listen römisch numerieren
 Numerierung beeinflussen
 Liste kompakt darstellen
 Weitere Möglichkeiten

 

HTML2.0 Numerierte Listen definieren

Beispiel Anzeigebeispiel: So sieht's aus

Numerierte Listen sind z.B. von Bedeutung, um nacheinander auszuführende Aktionen oder Rangfolgen übersichtlich darzustellen. Bei einer numerierten Liste werden alle Listeneinträge automatisch durchnumeriert.

Beispiel:

<ol>
<li>Listeneintrag, bekommt "1." vorangestellt</li>
<li>Listeneintrag, bekommt "2." vorangestellt</li>
<li>Listeneintrag, bekommt "3." vorangestellt</li>
</ol>

Erläuterung:

<ol> leitet eine numerierte Liste ein (ol = ordered list = numerierte Liste). Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag). Das End-Tag </li> am Ende eines Listeneintrags ist nicht zwingend erforderlich, im Sinne SGML-konformer Kodierung jedoch sauberer. </ol> beendet die Liste.

Beachten Sie:

Verschachteln von numerierten Listen bewirkt keine Gesamtnumerierung. Automatische Numerierungshierarchien wie 1, 1.1, 1.1.1, sind in HTML (noch) nicht möglich.

 

HTML3.2 Listen alphabetisch numerieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können Listen alphabetisch numerieren. Die Listen werden dabei nicht mit 1, 2, 3 usw. durchnumeriert, sondern mit A, B, C (oder auch a, b, c) usw.

Beispiel:

<ol type=A>
<li>Listeneintrag, bekommt ein "A." vorangestellt
<li>Listeneintrag, bekommt ein "B." vorangestellt
<li>Listeneintrag, bekommt ein "C." vorangestellt
</ol>

<ol type=a>
<li>Listeneintrag, bekommt ein "a." vorangestellt
<li>Listeneintrag, bekommt ein "b." vorangestellt
<li>Listeneintrag, bekommt ein "c." vorangestellt
</ol>

Erläuterung:

Mit <ol type=A> werden die Listeneinträge mit A., B., C. usw. numeriert.
Mit <ol type=a> werden die Listeneinträge mit a., b., c. usw. numeriert.

 

HTML3.2 Listen römisch numerieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können Listen römisch numerieren. Die Listen werden dabei nicht mit 1., 2., 3. usw. durchnumeriert, sondern mit I., II., III., IV. (oder auch i., ii., iii., iv.) usw.

Beispiel:

<ol type=I>
<li>Listeneintrag, bekommt ein "I." vorangestellt
<li>Listeneintrag, bekommt ein "II." vorangestellt
<li>Listeneintrag, bekommt ein "III." vorangestellt
<li>Listeneintrag, bekommt ein "IV." vorangestellt
</ol>
  
<ol type=i>
<li>Listeneintrag, bekommt ein "i." vorangestellt
<li>Listeneintrag, bekommt ein "ii." vorangestellt
<li>Listeneintrag, bekommt ein "iii." vorangestellt
<li>Listeneintrag, bekommt ein "iv." vorangestellt
</ol>

Erläuterung:

Mit <ol type=I> werden die Listeneinträge mit I., II., III., IV. usw. numeriert.
Mit <ol type=i> werden die Listeneinträge mit i., ii., iii., iv. usw. numeriert.

 

HTML3.2 Numerierung beeinflussen

Beispiel Anzeigebeispiel: So sieht's aus

Sie können die Listen Startnummer einer numerierten Liste frei festsetzen. Die Liste beginnt dann z.B. nicht mit 1, sondern mit 7, oder nicht mit A., sondern mit G. Ferner können Sie innerhalb der numerierten Liste bei jedem Listeneintrag eine neue Startnummer festlegen.

Beispiel:

<ol start=7>
<li>Listeneintrag, bekommt "7." vorangestellt
<li>Listeneintrag, bekommt "8." vorangestellt
<li>Listeneintrag, bekommt "9." vorangestellt
<li value=10000>Listeneintrag, bekommt "10000." vorangestellt
<li>Listeneintrag, bekommt "10001." vorangestellt
<li>Listeneintrag, bekommt "10002." vorangestellt
<li>Listeneintrag, bekommt "10003." vorangestellt
</ol>

Erläuterung:

Mit start= innerhalb des einleitenden Tags von <ol> können Sie einen beliebigen Startwert setzen, z.B. <ol start=7>. Die Numerierung beginnt dann bei 7.

Mit value= innerhalb des Tags von <li> in einer numerierten Liste können Sie den Startwert beliebig neu setzen, z.B. auf <li value=15>. Die Numerierung fährt dann bei 15 fort.

 

HTML3.2 Liste kompakt darstellen

Beispiel Anzeigebeispiel: So sieht's aus

Sie können angeben, daß die Liste in einer kompakteren Darstellungsform als normaler Text angezeigt wird.

Beispiel:

<ol compact>
<li>Listeneintrag
<li>Listeneintrag
<li>Listeneintrag
</ol>

Erläuterung:

Mit dem Attribut compact innerhalb des einleitenden Tags von <ol> können Sie die kompaktere Darstellung bestimmen.

Beachten Sie:

WWW-Browser ignorieren diese Angabe in der Regel noch.

 

HTML4.0 Weitere Möglichkeiten

Die Tags <ol> und <li> können  Universalattribute enthalten.

Wenn Sie HTML bereits etwas besser kennen, probieren Sie auch mal die Möglichkeiten aus, die Ihnen  CSS Style-Sheets bieten. Denn erst damit können Sie Listen und Listenelemente nach Wunsch formatieren. Dazu müssen Sie zunächst wissen, wie man  Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Interessant sind im hier beschriebenen Zusammenhang beispielsweise folgende Style-Sheet-Angaben:
 Schriftformatierung
 Abstände, Ränder, Ausrichtung
 Rahmen und Innenabstände
 Hintergrundfarben und -bilder
 Listen und Tabellen


 
weiter: Aufzählungslisten (Bullet-Listen)
zurück: Zeilenumbruchkontrolle
 

SELFHTML/Quickbar  HTML  Absatztypen und Textgestaltung

© 1998  Stefan Münz, muenz@csi.com