In HTML gibt es zwei verschiedene Arten von Listen: geordnete (mit dem <ol>-Tag) und ungeordnete (mit dem <ul>-Tag). In vielen Fällen haben Inhalte die Struktur einer Liste, etwa wenn wir die Zutaten für unseren Lieblingsobstsalat aufzählen, den wir uns vor HTML-Kursen gönnen. Wenn wir einen solchen Inhalt mit HTML darstellen wollen, dann sieht das folgendermaßen aus:

<body>
	<ul>
		<li>Himbeeren</li>
		<li>Trauben</li>
		<li>Mangos</li>
		<li>Limetten</li>
	</ul>
</body>

Die einzelnen Einträge der Listen werden mit dem <li>-Tag markiert (das gilt sowohl für geordnete als auch für ungeordnete Listen).

Auch hier gilt: Listen sollten nicht verwendet werden, um damit ein bestimmtes Layout im Webbrowser zu erreichen. Man sollte sich vor der Verwendung der Listenelemente erst überlegen, ob es sich bei den darzustellenden Inhalten wirklich um eine Liste handelt.

Aufgaben

  1. Erstelle wieder eine HTML-Datei mit dem angegebenen Dokumentkörper. Speichere sie und lasse sie in einem Webbrowser anzeigen. Mache die Liste nun zu einer geordneten Liste und vergleiche die Anzeige.
  2. Überlege dir einen geeigneten Anwendungsfall für eine geordnete Liste und einen Fall für eine ungeordnete Liste.