<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>

Online testen

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