Das Tag <colgroup> definiert die Gruppe von Spalten in der Tabelle mit den Gesamteigenschaften. Das Tag kann aus einigen Elementen <col>, die die Eigenschaften der Tabelle definieren, bestehen.
Syntax
Das Tag <colgroup> wird gepaart verwendet, das Endtag </colgroup> ist obligatorisch.
Das Tag <colgroup> wird innerhalb des Tages <table>, vor den Tags <thead>, <tbody>, <tfoot> und <tr>; und nach dem Tag <caption> platziert, wenn es verwendet wird (im Tag <caption> fügen wir den Namen der Tabelle ein).
In einer HTML-Tabelle kann man einige Tags <colgroup> einschließen.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
table, th, td {
border: 1px solid #666;
}
</style>
</head>
<body>
<table>
<colgroup>
<col span="2" style=" width:20%; background-color:#eee;">
<col style="width:10%; background-color:#8ebf42;">
</colgroup>
<tr>
<th>Name</th>
<th>Geschlecht</th>
<th>Alter</th>
</tr>
<tr>
<td>Mary Nicolson</td>
<td>weiblich</td>
<td>19</td>
</tr>
<tr>
<td>John Johnson</td>
<td>männlich</td>
<td>23</td>
</tr>
</table>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | Es stellt den Inhaltsausgleich der Spalte ein.
Es wird in HTML5 nicht unterstützt. |
|
| left | Es richtet den Inhalt nach links aus. | |
| right | Es richtet den Inhalt nach rechts aus. | |
| center | Es zentriert den Inhalt. | |
| justify | Es richtet den Inhalt nach rechts und links aus. | |
| char | Es richtet den Inhalt nach dem speziellen Symbol mit minimaler Absetzung, die mit den Attributen char und charoff definiert werden, aus. | |
| char | character | Es richtet den Inhalt der Spalte nach dem speziellen Symbol aus. Wird nur mit dem Attribut align = "char" verwendet. Es wird in HTML5 nicht unterstützt.. |
| charoff | number | Es schiebt den Inhalt der Zelle bezüglich des eingegebenen Symbols, welches je nach der Bedeutung des Attributes rechts (positive Bedeutung) oder links (negative Bedeutung) angegeben werden kann. Es wird nur mit dem Attribut align = "char" verwendet.
Es wird in HTML5 nicht unterstützt. |
| span | number | Es difiniert die Anzahl von Spalten, deren Charakteristik das Element <col> bestimmt. Die Zahl muss rund und positiv sein. Wenn keine Zahl eingegeben ist, wird der Wert automatisch 1 betragen. |
| valign | Es richtet den Inhalt vertikal aus.Es wird in HTML5 nicht unterstützt. | |
| top | Es richtet den Inhalt nach dem oberen Rand der Zeile aus. | |
| bottom | Es richtet den Inhalt nach dem unteren Rand der Zeile aus. | |
| middle | Es richtet den Inhalt in der Mitte aus. | |
| baseline | Es richtet den Inhalt nach der Basislinie aus. | |
| width | % pixels relative_length |
Es definiert die Breite der Spalte. Es wird in HTML5 nicht unterstützt. |
Das Tag <colgroup> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Was kann der HTML-Tag <colgroup> in einer Tabelle definieren?
Richtig!
Falsch!