📋 Listen in HTML

💡 Was du heute lernst:
Wie du Listen in HTML erstellst - mit Aufzählungspunkten, Nummerierungen und Begriffserklärungen.

🔘 Ungeordnete Listen - `<ul>`

Für Listen mit Aufzählungspunkten (Punkte, Kreise, Quadrate).

<ul>
  <li>Erster Punkt</li>
  <li>Zweiter Punkt</li>
  <li>Dritter Punkt</li>
</ul>

Erster Punkt
Zweiter Punkt
Dritter Punkt

📌 Merke: ul steht für Ungeordnete Liste (unordered list).
li steht für Listenitem (Listenelement).

🔢 Geordnete Listen - `<ol>`

Für nummerierte Listen (1, 2, 3, ...).

<ol>
  <li>Erster Schritt</li>
  <li>Zweiter Schritt</li>
  <li>Dritter Schritt</li>
</ol>

Erster Schritt
Zweiter Schritt
Dritter Schritt

📌 Merke: ol steht für Organisierte/Geordnete Liste (ordered list).
Die Nummerierung ist automatisch!

📖 Definitionslisten - `<dl>`

Für Begriffserklärungen (wie in einem Lexikon).

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language - die Sprache des Internets</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets - für das Design</dd>
</dl>

HTML: HyperText Markup Language - die Sprache des Internets
CSS: Cascading Style Sheets - für das Design

📌 Merke: dl = Definitionsliste
dt = Definitionsterm (Begriff)
dd = Definitionsdescription (Beschreibung)

📊 Verschachtelte Listen

Listen können ineinander verschachtelt werden:

<ul>
  <li>Obst
    <ul>
      <li>Äpfel</li>
      <li>Bananen</li>
    </ul>
  </li>
  <li>Gemüse
    <ul>
      <li>Karotten</li>
      <li>Brokkoli</li>
    </ul>
  </li>
</ul>

Obst
- Äpfel
- Bananen
Gemüse
- Karotten
- Brokkoli

🎯 Übungsaufgabe

✏️ Aufgabe 1 - Einkaufsliste:

Erstelle eine Einkaufsliste mit:

Ungeordnete Liste für Obst
Ungeordnete Liste für Gemüse
Geordnete Liste für Getränke (wichtigstes zuerst)

✏️ Aufgabe 2 - Tagesplan:

Erstelle eine geordnete Liste mit deinem Tagesablauf:

Aufstehen
Frühstücken
Zur Schule gehen
...

📋 Zusammenfassung

Tag	Name	Verwendung
`<ul>`	Ungeordnete Liste	Aufzählungen mit Punkten
`<ol>`	Geordnete Liste	Nummerierte Listen
`<dl>`	Definitionsliste	Begriffserklärungen
`<li>`	Listenelement	Einzelnes Element in einer Liste
`<dt>`	Definitionsterm	Der Begriff (bei Definitionslisten)
`<dd>`	Definitionsbeschreibung	Die Erklärung (bei Definitionslisten)