Spaltenspanne
Manchmal muss sich eine Zelle über mehrere Spalten erstrecken. In einem Stundenplan kann zum Beispiel eine Klassenfahrt zwei ganze Tage dauern, ihre Zelle soll sich also über die Spalte Montag und die Spalte Dienstag erstrecken.
Das erreichen wir mit dem Attribut colspan (kurz für englisch column span, Spaltenspanne). Sein Wert ist die Anzahl der Spalten, über die sich die Zelle erstreckt:
<table>
<tr>
<th>Montag</th>
<th>Dienstag</th>
</tr>
<tr>
<td colspan="2">Klassenfahrt</td>
</tr>
</table>Der obige Code würde so angezeigt:
| Montag | Dienstag |
|---|---|
| Klassenfahrt | |
Beachte, dass die zweite Zeile nur eine Zelle hat: Die Zelle mit colspan="2" nimmt den Platz von zwei Zellen ein.
Wir haben unserer Tabelle einen zweiten Tag mit Messungen hinzugefügt. Geben wir ihr jetzt eine Titelzeile mit dem Ort und dem Monat der Messungen, die sich über beide Spalten erstreckt.
So schreibst du es:
Anweisungen
- 1
Füge über der Zeile mit den Überschriften eine neue erste Zeile (
tr) mit einer Überschriftenzelle (th) mit dem InhaltBerlin, August 2023hinzu. Führe den Code aus: Die neue Zelle füllt nur die erste Spalte. - 2
Füge dieser Zelle das Attribut
colspanmit dem Wert2hinzu, damit sie sich über beide Spalten erstreckt.