Numerierte Listen |
|
Numerierte Listen definieren |
|
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.
<ol> <li>Listeneintrag, bekommt "1." vorangestellt</li> <li>Listeneintrag, bekommt "2." vorangestellt</li> <li>Listeneintrag, bekommt "3." vorangestellt</li> </ol> |
<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.
Verschachteln von numerierten Listen bewirkt keine Gesamtnumerierung. Automatische Numerierungshierarchien wie 1, 1.1, 1.1.1, sind in HTML (noch) nicht möglich.
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.
<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> |
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.
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.
<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> |
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.
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.
<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> |
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.
Anzeigebeispiel: So sieht's aus
Sie können angeben, daß die Liste in einer kompakteren Darstellungsform als normaler Text angezeigt wird.
<ol compact> <li>Listeneintrag <li>Listeneintrag <li>Listeneintrag </ol> |
Mit dem Attribut compact innerhalb des einleitenden Tags von <ol> können Sie die kompaktere Darstellung bestimmen.
WWW-Browser ignorieren diese Angabe in der Regel noch.
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 |