Listen und Aufzählungen

Oft müssen mehrere Dinge aufgezählt (1. dies, 2. das, 3. ...) oder einfach nur aufgelistet werden. Um dies in HTML darzustellen, gibt es die nummerierte (Tag <ol>) und die unnummerierte Liste (Tag <ul>). In diesem Listenbereich werden einzelne Listenpunkte (list items) mit dem Tag <li> markiert. Hier zwei Beispiele:

QuelltextAussehen
<ul>
  <li>Irgendwas</li>
  <li>
    Etwas mehr, dass durchaus auch
    über mehrere Zeilen gehen kann.
    Netterweise übernimmt der Browser
    die korrekte Formatierung für uns.
    Während der Erstellung muss man
    sich keine Gedanken darüber machen.
  </li>
    <li>Nochwas</li>
</ul>
  • Irgendwas
  • Etwas mehr, dass durchaus auch über mehrere Zeilen gehen kann. Netterweise übernimmt der Browser die korrekte Formatierung für uns. Während der Erstellung muss man sich keine Gedanken darüber machen.
  • Nochwas
<ol>
  <li>Erster Eintrag</li>
  <li>
    Der nächste Eintrag geht auch
    in diesem Beispeil über mehrere
    Zeilen. Für die korrekte Einrückung
    sorgt wieder einmal der Browser.
  </li>
  <li>letzter Eintrag</li>
</ol>
  1. Erster Eintrag
  2. Der nächste Eintrag geht auch in diesem Beispeil über mehrere Zeilen. Für die korrekte Einrückung sorgt wieder einmal der Browser.
  3. letzter Eintrag

Aufgabe: Listen und Aufzählungen

Erstelle eine unnummerierte Liste, die neben anderen Punkten als Unterpunkt eine nummerierte Aufzählung enthält.


Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.