Zeilenspanne
Eine Zelle kann sich auch nach unten über mehrere Zeilen erstrecken. Das funktioniert genau wie die Spaltenspanne, nur mit dem Attribut rowspan (kurz für englisch row span, Zeilenspanne) statt colspan. Sein Wert ist die Anzahl der Zeilen, über die sich die Zelle erstreckt.
In diesem Stundenplan ist der Montag zum Beispiel vormittags und nachmittags frei:
<table>
<tr>
<th></th>
<th>Montag</th>
<th>Dienstag</th>
</tr>
<tr>
<th>Vormittag</th>
<td rowspan="2">Frei</td>
<td>Schule</td>
</tr>
<tr>
<th>Nachmittag</th>
<td>Fußballtraining</td>
</tr>
</table>Dieser Code könnte so angezeigt werden:
| Montag | Dienstag | |
|---|---|---|
| Vormittag | Frei | Schule |
| Nachmittag | Fußballtraining |
Die Zelle mit rowspan="2" nimmt auch den Platz des Montags in der Zeile darunter ein, deshalb hat die Zeile Nachmittag nur ein td: die Zelle für den Dienstag.
An beiden Tagen unserer Messungen war es sonnig. Fügen wir eine dritte Spalte für das Wetter hinzu, in der eine Zelle beide Tage abdeckt.
So schreibst du es:
Anweisungen
- 1
Füge in der Zeile mit den Überschriften eine dritte Überschriftenzelle (
th) mit dem InhaltWetterhinzu. - 2
Die Tabelle hat jetzt drei Spalten, also muss sich die obere Zelle über alle drei erstrecken: Ändere den Wert ihres Attributs
colspanauf3. - 3
Füge in der Zeile mit
20.08.2023eine dritte Zelle (td) mit dem InhaltSonnigund dem Attributrowspanmit dem Wert2hinzu, damit sie beide Tage abdeckt. Füge der letzten Zeile keine Zelle hinzu: Ihren Platz nimmt dort die Zelle aus der Zeile darüber ein.