Aufgabe A06

🎯 Lernziel: Du kannst eine HTML-Tabelle mit Kopfzeile, Datenzellen, sowie colspan (Zelle über mehrere Spalten) und rowspan (Zelle über mehrere Zeilen) aufbauen. Für komplexere Tabellen kannst du thead, tbody und ggf. tfoot einsetzen.

Referenz im Kurs: → Beispiel a_11_tags-tabellen.html

Inhalt: Luft / Atmosphäre

Luft ist ein Gasgemisch. Die Hauptbestandteile (Volumenanteile in trockener Luft):

Bestandteil	Formel	Anteil (vol.%)
Stickstoff	N₂	78,09 %
Sauerstoff	O₂	20,95 %
Argon	Ar	0,93 %
Kohlendioxid	CO₂	0,04 %
Sonstige Edelgase	–	< 0,01 %

Öffne deine (bisher leere) luft.html und ergänze Text und eine Tabelle.

Teil A – Grundstruktur der Seite

Füge eine <h1>-Überschrift „Luft" ein.
Schreibe einen einleitenden Absatz über Luft (was ist Luft, wo kommt sie vor).

Teil B – Tabelle: Bestandteile der Luft

Baue die Tabelle oben nach. Verwende:

<table> – Tabelle
<thead> – Kopfbereich
<tbody> – Datenteil
<tr> – Tabellenzeile (table row)
<th> – Kopfzelle (table header, wird fett dargestellt)
<td> – Datenzelle (table data)

Grundgerüst:

<table>
    <thead>
        <tr>
            <th>Bestandteil</th>
            <th>Formel</th>
            <th>Anteil</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Stickstoff</td>
            <td>N<sub>2</sub></td>
            <td>78,09&nbsp;%</td>
        </tr>
        <!-- weitere Zeilen … -->
    </tbody>
</table>

Teil C – Zweite Tabelle: Zusammensetzung der Luft

Baue diese Tabelle nach (Quelle: Wikipedia, Luft). Sie verwendet sowohl colspan und rowspan als auch thead und tbody:

Zusammensetzung der Luft
Gas	Formel	Anteil
Gas	Formel	Volumen	Masse
Hauptbestandteile der trockenen Luft auf Meereshöhe
Stickstoff	N₂	78,084 %	75,518 %
Sauerstoff	O₂	20,942 %	23,135 %
Argon	Ar	0,934 %	1,288 %
Zwischensumme		99,960 %	99,941 %