📊 Tabellen in HTML
💡 Was du heute lernst:
Wie du Daten in Tabellen darstellst - für Noten, Stundenpläne, Übersichten.
📐 Grundstruktur einer Tabelle
<table>
<tr>
<th>Name</th>
<th>Alter</th>
</tr>
<tr>
<td>Max</td>
<td>16</td>
</tr>
<tr>
<td>Anna</td>
<td>17</td>
</tr>
</table>
| Name |
Alter |
| Max |
16 |
| Anna |
17 |
📌 Die Bestandteile:
table = Die Tabelle
tr = Tabellenreihe (table row)
th = Tabellenheader - Kopf (fett und zentriert)
td = Tabellendata - Zelle (normale Daten)
📋 Tabelle mit Rahmen
<table border="1">
<tr>
<th>Fach</th>
<th>Note</th>
</tr>
<tr>
<td>Mathe</td>
<td>2</td>
</tr>
</table>
📝 Tabelle mit Überschrift (caption)
<table border="1">
<caption>Meine Noten</caption>
<tr>
<th>Fach</th>
<th>Note</th>
</tr>
<tr>
<td>Mathe</td>
<td>2</td>
</tr>
</table>
Meine Noten
| Fach |
Note |
| Mathe |
2 |
🏫 Beispiel: Stundenplan
<table border="1">
<caption>Mein Stundenplan</caption>
<tr>
<th>Zeit</th>
<th>Montag</th>
<th>Dienstag</th>
</tr>
<tr>
<td>8:00</td>
<td>Mathe</td>
<td>Deutsch</td>
</tr>
<tr>
<td>9:00</td>
<td>Englisch</td>
<td>Sport</td>
</tr>
</table>
Mein Stundenplan
| Zeit |
Montag |
Dienstag |
| 8:00 |
Mathe |
Deutsch |
| 9:00 |
Englisch |
Sport |
🎯 Übungsaufgabe
✏️ Aufgabe - Deine Noten:
Erstelle eine Tabelle mit deinen Noten für:
- Deutsch
- Mathematik
- Englisch
- Informatik
- Sport
Die Tabelle soll haben:
- Eine Überschrift (caption)
- Spalten: Fach, Note 1. Halbjahr, Note 2. Halbjahr
- Einen Rahmen (border="1")
📋 Zusammenfassung
| Tag |
Bedeutung |
Beschreibung |
<table> |
Tabelle |
Beginnt und endet die Tabelle |
<tr> |
Tabellenreihe |
Eine Zeile in der Tabelle |
<th> |
Tabellenkopf |
Überschrift (fett, zentriert) |
<td> |
Tabellendaten |
Normale Zelle mit Daten |
<caption> |
Tabellenüberschrift |
Titel der Tabelle |