<ul> <li>Text</li> </ul> |
Der Tag <ul> (unordered list) leitet eine Aufzählung ein, die bis zum abschließenden Tag </ul> fortgeführt wird.
Der Tag <li> (list item = Listenelement) gibt jeweils einen Listenpunkt an.
<h3>Eine einfache Aufzählung</h3> <ul > <li>Der erste Eintrag ist etwas länger und wird deshalb umgebrochen.</li> <li>Zweiter Eintrag</li> <li>Letzter Eintrag</li> </ul>
Die Tags <ul> und <li> besitzen zusätzliche Attribute, über die man festlegen kann, welches Symbol bei einer nicht nummerierten Aufzählung dargestellt werden soll.
Gibt man den Typ des Aufzählungszeichens im Tag <ul> an, werden alle Listeneinträge automatisch mit dem jeweiligen Aufzählungszeichen dargestellt.
Bei der Angabe des Zeichens innerhalb eines <li>-Tags wirkt sich dies nur auf dieses eine Element aus.
Mögliche Werte sind:
disc (gefüllter Kreis - Standard), square (gefülltes Quadrat), circle (ungefüllter Kreis)
<h3>Aufzählungszeichen</h3> <ul type="square"> <li>Dies ist ein quadratisches Zeichen. <li type="disc">Dies ist ein rundes, ausgefülltes Zeichen. <li type="circle">Dies ist ein kreisförmiges Zeichen. </ul>
<ol> <li>Text</li> </ol> |
Der Tag <ol>leitet eine nummerierte Liste ein.
Die Tags <li> und </li> schließen jeweils ein Listenelement ein.
Durch die Angabe des value-Attributs kann man den Index der Nummerierung manuell setzen.
Mithilfe des Attributs start kann man festlegen, mit welchem Wert die Nummerierung beginnen soll.
<h3>Wie repariere ich einen Videorecorder?</h3> <ol start="10"> <li>Netzstecker ziehen</li> <li>Gerät öffnen</li> <li>hineinsehen</li> <li>nichts verstehen</li> <li>Gerät schließen</li> <li value="20">Fachmann rufen</li> </ol>
Mit Hilfe des Attributs type kann die Art der Nummerierung festgelegt werden.
<ol type="1"><!--bewirkt 1, 2, 3, 4,...-->
<ol type="A"><!--bewirkt A, B, C, D,...-->
<ol type="a"><!--bewirkt a, b, c, d,...-->
<ol type="I"><!--bewirkt I, II, III, IV,...-->
<ol type="i"><!--bewirkt i, ii, iii, iv,...-->
Es ist in HTML auch möglich Aufzählungen und Nummerierungen ineinander zu verschachteln.
<h3>Freistaat Sachsen</h3> <ul> <li><b>Dresden</b></li> <li><b>Leipzig</b> <ul> <li>Hauptbahnhof</li> <li>Völkerschlachtdenkmal: einige Daten <ol type="a"> <li><i>Über 500 Stufen bis zur Plattform</i></li> <li><i>91m hoch</i></li> <li><i>im Jahre 1913 eingeweiht</i></li> </ol> </li> <li>Zoologischer Garten</li> </ul> </li> <li><b>Chemnitz</b></li> </ul>