Listen
Beispiel
Listen benutzt man, um eine Aufzählung von Informationseinheiten übersichtlich darzustellen.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>Steckbrief von Bailey</title>
</head>
<body>
<h1>Steckbrief</h1>
<p>
Ich heiße Bailey. Ich lebe in der Nähe
von Kaiserslautern.
</p>
<p>
Ich interessiere mich für Agility-Sport.
Meine Lieblingsdisziplinen sind:
</p>
<ul>
<li>Sprung durch einen Reifen</li>
<li>Lauf über eine Wippe</li>
<li>Slalomlauf zwischen Stangen</li>
</ul>
</body>
</html>
Im Browser sieht die Webseite jetzt so aus.
Erläuterungen
-
Zur Darstellung einer ungeordneten Auflistung benutzt man die umschließenden Tags
<ul> .. </ul>
(ul steht hier für unordered list). Jeder Listenpunkt der Aufzählung wird mit den Tags<li> .. </li>
markiert. -
Eine geordnete Liste erhält man mit den umschließenden Tags
<ol> .. </ol>
(ol steht für ordered list). Jeder Listenpunkt der Aufzählung wird hier ebenfalls mit den Tags<li> .. </li>
markiert. - Listen kann man auch verschachteln. Innerhalb eines Listenpunkts muss man nur eine neue Liste erstellen.
Aufgabe
Ergänze deinen Steckbrief um eine Auflistung. Probiere auch mal eine geordnete Auflistung aus. Die Struktur des Gesamtdokuments wird immer komplexer. Achte darauf, dass alle Tags auch richtig verschachtelt sind.