HTML: Liste erstellen - So gehts!

Wenn du eine Liste in HTML erstellen möchtest dann geht das relativ einfach. Im nachfolgenden Beispiel zeige ich dir wie eine HTML Liste funktioniert.

Inhaltsverzeichnis

Ungeordnete HTML Liste erstellen

Eine einfache Liste mit HTML sieht folgendermaßen aus. Hierbei handelt es sich um eine ungeordnete Liste. Eine ungeordnete Liste startet mit

<ul>

und endet wieder mit dem selben Zeichen und einem Forwardslash.

<ul>
  <li>Peter</li>
  <li>Mathias</li>
  <li>Olaf</li>
</ul>

Ergebnis

- Peter
- Mathias
- Olaf

Geordnete HTML Liste

Eine weitere Möglichkeit ist eine geordnete Liste mit HTML zu erstellen. Dies kannst du Anhand der Zahlenreihenfolge erkennen. Eine geordnete Liste startet mit

<ol>

und endet wieder mit dem selben Zeichen und einem Forwardslash.

<ol>
  <li>Peter</li>
  <li>Mathias</li>
  <li>Olaf</li>
</ol>

Ergebnis

1. Peter
2. Mathias
3. Olaf

Beschreibungslisten in HTML

Eine weitere Art von Liste ist die sogenannte beschreibenden Listen. Diese sehen folgendermaßen aus.

<dl>
  <dt>Thomas</dt>
  <dd>- cooler Typ</dd>
  <dt>Saskia</dt>
  <dd>- extrem ruhig</dd>
</dl>

Ergebnis

Thomas: – cooler Typ
Saskia: – extrem ruhig

Jetzt HTML lernen

Fazit

Perfekt du bist jetzt Meister im HTML Listen erstellen. Wie du siehst gibt es gar nicht so viele verschiedene Arten von Listen. Jetzt wünsche ich dir noch viel Spaß mit HTML

Weitere Beiträge zu HTML

Hat dir der Beitrag gefallen?

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

html liste