Ungeordnete Liste (unordered list)

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

Beispiel

<h3>Eine einfache Aufz&auml;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>

Festlegung des Aufzählungszeichens

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)

Beispiel

<h3>Aufzählungszeichen</h3>
  <ul type="square">
    <li>Dies ist ein quadratisches Zeichen.
    <li type="disc">Dies ist ein rundes, ausgef&uuml;lltes Zeichen.
    <li type="circle">Dies ist ein kreisf&ouml;rmiges Zeichen.
  </ul>

Nummerierte Aufzählung (ordered list)

<ol>
 <li>Text</li>
</ol>

Der Tag <ol>leitet eine nummerierte Liste ein.
Die Tags <li> und </li> schließen jeweils ein Listenelement ein.

Individuelle Nummerierung

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&auml;t &ouml;ffnen</li>
    <li>hineinsehen</li>
    <li>nichts verstehen</li>
    <li>Ger&auml;t schlie&szlig;en</li>
    <li value="20">Fachmann rufen</li>
  </ol>

Art der Nummerierung

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

Verschachtelte Aufzählungen

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>