HTML - Element: <colgroup>

Mit dem <colgroup>-Tag und dem <col>-Tag können Sie Tabellenspalten vordefinieren. Damit können Sie dem Browser gleich zu Beginn der Tabelle mitteilen, wie viele Spalten die Tabelle hat, und wie breit diese ist. Dadurch kann der Browser große Tabellen schneller aufbauen.

Mit dem Attribut width="100" / width="100%" geben Sie die Breite (in Pixel / in Prozent) von <colgroup> und <col> an.
<!DOCTYPE html>
<html>
<head>
 <title>Tabellenspalten vordefinieren</title>
</head>
<body>

<h1>Tabellenspalten vordefinieren</h1>

<table border="1">
 <colgroup>
  <col span="2" style="background-color: Lightskyblue">
  <col style="background-color: Yellow">
 </colgroup>
 <tr>
   <th>ISBN</th>
   <th>Titel</th>
   <th>Preis</th>
 </tr>
 <tr>
  <td>3476896</td>
  <td>Das Blindtextchen.</td>
  <td>56 €</td>
 </tr>
 <tr>
  <td>5869207</td>
  <td>Das Blindtextchen kommt zurück.</td>
  <td>48 €</td>
 </tr>
</table>

</body>
</html>

Beispiel anzeigen

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<a> Verweis

CSS - Sternebewertung

PHP - Den längsten Schlüssel in einem Array anzeigen

JavaScript - Confirm()

MySQL - Daten aus zwei DB-Tabellen auslesen

Die 3 Klick-Regel
Der Besucher wird nicht nach einer bestimmten Seite suchen, wenn er dafür mehr als 3-mal klicken muss.