<colgroup> Tag - Tabellenformatierungen
Beispiel:
<table>
<colgroup>
<col span="2" style="background-color:green">
<col style="background-color:grey">
</colgroup>
<tr>
<th>Vorname</th>
<th>Name</th>
<th>Beruf</th>
</tr>
<tr>
<td>Peter</td>
<td>Sahne</td>
<td>Barista</td>
</tr>
</table>
Verwendung
Mit dem colgroup Tag kann eine Vorabformatierung von Tabellenspalten erfolgen. Sie können damit dem Browser bereits am Anfang die Formatierung mitteilen, z.B. Hintergrundfarbe, Breite
etc. Dies erlaubt dem Browser die Darstellung bevor die gesamte Tabelle eingelesen worden ist. Dies war früher relevant, als der Zugang ins Internet über langsame Modems erfolgt ist. Der
Tag wird in HTML 5 noch unterstützt, aber Formatierungen sollten heute eher mit CSS erfolgen.
Attribute
| Attribut | Wert | Beschreibung |
| align | left right center justify char |
Ausrichtung des Zelleninhaltes |
| span | Zahl | Gibt an, über wie viele Spalten die Formatierung erfolgen soll. |
| valign | top middle bottom baseline |
Die vertikale Ausrichtung des Zelleninhaltes |
| width | Pixel, % | Die Breite der Spalte(n) |
Darstellung
| Vorname | Name | Beruf |
|---|---|---|
| Peter | Sahne | Barista |
| Hans | Ewig | Literaturkritiker |
| Hans Peter | Fries | Sportjournalist |