HTML `<col>`-Tag

Das <col>-Tag definiert die Eigenschaften einer oder mehrerer Spalten in der HTML-Tabelle, die durch das <table>-Tag definiert wird. Das <col>-Tag wird häufig zusammen mit dem <colgroup>-Tag verwendet, das eine Gruppe mit gemeinsamen Eigenschaften angibt. Hinweis: <col>-Elemente wirken sich nur auf Spalten innerhalb des ersten <colgroup>-Tags oder der impliziten ersten Gruppe aus.

Das <col>-Tag wird innerhalb des <table>-Tags platziert, vor den <thead>-, <tbody>-, <tfoot>- und <tr>-Tags sowie nach dem <caption>-Tag, falls dieses verwendet wird (im <caption>-Tag wird der Name der Tabelle eingefügt).

Syntax

Das <col>-Tag ist leer, was bedeutet, dass ein schließendes Tag nicht erforderlich ist. In XHTML muss das <col>-Tag jedoch selbstschließend sein (<col />). In modernem HTML5 wird der schließende Schrägstrich weggelassen (<col>).

Beispiel für das HTML `<col>`-Tag:

HTML <col>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</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>Gender</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Mary Nicolson</td>
        <td>female</td>
        <td>19</td>
      </tr>
      <tr>
        <td>John Johnson</td>
        <td>male</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Try it Yourself »

Ergebnis

col example

Attribute

Attribut	Wert	Beschreibung
`align`	`left`, `right`, `center`, `justify`, `char`	Legt die Ausrichtung des Spalteninhalts fest. In HTML5 nicht unterstützt.
`char`	`character`	Richtet den Inhalt in Bezug auf ein `<col>`-Element an einem Zeichen aus. Wird nur verwendet, wenn das Attribut `align="char"` ist. In HTML5 nicht unterstützt.
`charoff`	`number`	Verschiebt den Zellinhalt relativ zum als Attributwert angegebenen Zeichen nach rechts (positive Werte) oder nach links (negative Werte). Wird nur verwendet, wenn das Attribut `align="char"` ist. In HTML5 nicht unterstützt.
`span`	`number`	Legt die Anzahl der Spalten fest, deren Eigenschaften durch das `<col>`-Element bestimmt werden. Der Wert muss eine positive Ganzzahl sein. Wenn der Parameter nicht angegeben wird, beträgt der Standardwert `1`.
`valign`	`top`, `middle`, `bottom`, `baseline`	Richtet den Inhalt vertikal aus. In HTML5 nicht unterstützt.
`width`	`%`, `pixels`, `relative_length`	Legt die Breite der Spalte fest. In HTML5 nicht unterstützt.

Das <col>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.

Praxis

Was bewirkt das HTML `<col>`-Tag in einem HTML-Dokument?

Es definiert Spalteneigenschaften für jede Spalte innerhalb eines `<colgroup>`-ElementsEs definiert einen Kopfbereich in einem HTML-DokumentEs kennzeichnet den Beginn eines neuen AbsatzesEs wendet Formatierungen auf einzelne Spalten an

HTML <col>-Tag ​

Syntax ​

Beispiel für das HTML &lt;col&gt;-Tag: ​

Ergebnis ​