← Zurück zur Übersicht

A04 – Erde: Listen

🎯 Lernziel: Du kannst ungeordnete (<ul>) und geordnete (<ol>) Listen erstellen und Listen verschachteln.

Referenz im Kurs: → Beispiel a_07_tags-inhalte-gruppieren.html

Aufgabe A04

Erstelle eine neue Datei erde.html in deinem Projektordner. Das Thema ist das Element Erde – gemeint ist die Erde als Stoff/Material (Gestein, Boden, Mineralien), nicht der Planet.

Teil A – Ungeordnete Liste <ul>

Lege das HTML-Grundgerüst an. Füge dann einen Abschnitt „Eigenschaften von Erde/Boden" ein mit einer ungeordneten Liste (Aufzählung mit Punkten), die mindestens 5 Einträge enthält. Beispiele:

HTML-Grundstruktur für eine ungeordnete Liste:

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

Teil B – Geordnete Liste <ol>

Füge einen zweiten Abschnitt „Bodenarten (nach Korngrößen, grob nach fein)" ein. Benutze hier eine nummerierte Liste (z. B. Kies, Sand, Schluff, Ton) – die Reihenfolge ist inhaltlich wichtig, deshalb bietet sich <ol> an.

Teil C – Verschachtelte Listen

Erweitere die Bodenarten-Liste: Füge bei mindestens zwei Einträgen eine verschachtelte <ul> mit je zwei Unterarten ein. Beispiel:

<ol>
    <li>Kies
        <ul>
            <li>Feinkies (2–6,3 mm)</li>
            <li>Grobkies (6,3–63 mm)</li>
        </ul>
    </li>
    <li>Sand</li>
    …
</ol>
💡 ul oder ol?
<ul> (unordered list) → Reihenfolge ist egal (z. B. Zutaten, Eigenschaften)
<ol> (ordered list) → Reihenfolge ist wichtig (z. B. Schritte, Rankings)

Beide bestehen immer aus <li>-Elementen (list items).

Zusatzaufgabe

Füge eine Definitionsliste <dl> mit Fachbegriffen ein:

<dl>
    <dt>Humus</dt>
    <dd>Organische Substanz im Boden, die aus abgestorbenem Pflanzenmaterial entsteht.</dd>

    <dt>Erosion</dt>
    <dd>Abtrag von Bodenmaterial durch Wasser, Wind oder Gletscher.</dd>
</dl>