Webseite Schnellstart – Listen

Wir haben bis hierhin einfache Elemente benutzt, die meist keine Eltern-Kind-Beziehung erfordern.

Bei den nächsten Inhalten, benötigen wir gleich mehrere unterschiedliche Elemente, die ineinander verschachtelt sind.

Zum Beispiel eine ganz simple Liste, wie diese hier:

  • Sonne
  • Merkur
  • Venus
  • Erde
  • Mars
  • Jupiter
  • Saturn
  • Neptun
  • Pluto

Das Ganze machen wir mit folgenden HTML-Elementen:

  • Das ul-Element erstellt eine "unsortierte"-Liste (ul - unordered lists).
  • Jeder Eintrag in diesem ul-Element wird mit einem li-Element (li - list item) erstellt.

Das Ganze sieht so aus:

<ul>
  <li>Sonne</li>
  <li>Mond</li>
  <li>und Sterne.</li>
</ul>
Code ausprobieren ×