Verschachtelte Tags am Beispiel Listen

1. Es gibt nummerierte und nicht-nummerierte Listen
2. Die Tags dafür lauten OL und UL (ordered list, unordered list)
3. Das Eltern-Elemente kann ein oder mehrere LI-Tags enthalten (list item)

• Jedes HTML-Element ist beliebig verschachtelbar
  1. So kann zB. innerhalb eines LI-Tags ein weiterer OL-Tag geöffnet werden
  2. Der Browser erkennt automatisch, dass eine zusätzliche Ebene vorliegt und rückt den Eintrag etwas ein
• Im HTML-Editor setzt man idealerweise vor jeder Verschachtelung einen TABSTOPP

Ein Beispiel für eine komplexe verschachtelte Liste

• HTML
  • Grundbaustein des WWW
  • Strukturiert Text, zB mittels:
    • Überschriften
    • Absätzen
    • Links
• CSS
  • Optische Gestaltung von HTML-Dokumenten
  • Verbindung mittels Selektoren, zB:
    • class
    • id
  • Grundidee: Trennung von Inhalt und Gestaltung
• JavaScript
  • Erweitert HTML um eine vollwertige Programmiersprache
  • Ermöglicht dynamische Interaktionen im Browser