SELFHTML: HTML / Absatztypen und Textgestaltung / Numerierte Listen
Description: (SELFHTML 7.0) Wie Sie numerierte Listen in HTML definieren können.
Keywords: SELFHTML, HTML, numerierte Listen

SELFHTML/Quickbar HTML Absatztypen und Textgestaltung

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

## 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.

### 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.

## Listen alphabetisch numerieren

Anzeigebeispiel: So sieht's aus

Sie können Listen alphabetisch numerieren. Die Listen werden dabei nicht mit 1., 2., 3. usw. durchnumieriert, 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.

## Listen römisch numerieren

Anzeigebeispiel: So sieht's aus

Sie können Listen römisch numerieren. Die Listen werden dabei nicht mit 1., 2., 3. usw. durchnumieriert, 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.

## Numerierung beeinflussen

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 `<ol value=15>`. Die Numerierung fährt dann bei 15 fort.

## Liste kompakt darstellen

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.

## 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