Listen in HTML erstellen
Nummerierte Listen
Sie dienen zur Darstellung von Rangordnungen.
Die Listen werden automatisch durchnummeriert.
Die Einleitung der Liste erfolgt mit <ol>, die Ausleitung mit </ol>.
die einzelnen Listeneinträge werden mit <li> ein- und mit </li> ausgeleitet.
Ist ein Eintrag länger als eine Zeile, wird nach dem Umbruch unterhalb des Textes und nicht unterhalb der Ziffer weitergeschrieben.
Das folgende Beispiel zeigt eine nummerierte Liste.
<li>Birnen</li>
<li>Zwetschken</li>
<li>Marillen</li>
<li>Und auch alle anderen Früchte schmecken vor allem in der kalten Jahreszeit besonders gut. Das wussten schon unsere Großmütter und füllten die Köstlichkeiten in Gläser.</li>
</ol>
Beispiel einer nummerierten Liste
Verschiedene Nummerierungstypen:
Großbuchstaben: A, B, C ... = <ol type=A>
Kleinbuchstaben: a, b, c ... = <ol type=a>
Große Römische Ziffern: I, II, III ... = <ol type=I>
Kleine römische Ziffern: i, ii, iii ... = <ol type=i>
Beeinflussung der Nummerierung
Es ist möglich, festzulegen, mit welcher Ziffer die Nummerierung beginnen soll:
<ol start=4> - Die Liste beginnt mit 4.
Ein Wechsel der Nummerierung innerhalb der Liste kann z. B. mit <li value=9> erfolgen. In diesem Fall wird mit 9 fortgesetzt.
Aufzählungen
Wie das Aufzählungs-Bullet dargestellt wird, ist browserabhängig.
Beispiel:
<ul> = unordered list, also nicht nummeriert.
<li>Ford</li>
<li>Opel</li>
<li>Audi</li>
</ul>
Festlegen des Bullettyps
Es gibt 3 Typen von Aufzählungszeichen, die jedoch von den Browsern unterschiedlich dargestellt werden.
Es besteht auch eine Abhängigkeit vom eingestellten Zeichensatz bei den UserInnen.
- type=circle = Kreisrundes Bullet ohne Füllung
- type=square = quadratisches Bullet
- type=disc = gefüllter Kreis
Definitionslisten
Diese sind beispielsweise Gedacht für Glossare und ähnliche Aufzählungen.
- <dl> (Englisch: definition list) - leitet die Liste ein
- <dt> (Englisch: definition term) - ist der zu definierende Begriff
- <dd> (Englisch: definition definition) - ist die Definition des Begriffs
Beispiel:
<dt>Banane</dt>
<dd>Krummes tropisches Gewächs</dd>
<dd>Schmeckt erst braun gut</dd>
<dt>Kohl</dt>
<dd>Deutscher Politiker</dd<
</dl<
Beispiel einer Definitionsliste
Zitate
Zitate von Fremdautoren müssen als solche ausgewiesen werden. Einerseits ist dies eine gesetzliche Verpflichtung, andererseits gehört es zum guten Ton.
Mit dem zugehörigen Tag werden Zitate anders formatiert
Die exakte Formatierung ist nicht 100%ig vorhersehbar und wiederum stark browserabhängig, sie unterscheidet sich aber jedenfalls vom übrigen Text.
Beispiel:
Goethe sprach: <blockquote>Es werde Licht!</blockquote>
Goethe sprach:
Es werde Licht!
Adressen
Die Formatierung erfolgt zumeist kursiv und eingerückt
Beispiel
Ich bin erreichbar unter:
<adress>name@abc.net</adress>
Ich bin erreichbar unter:
Weiter / Textanfang / Inhalt