Tag <col>

Tag <col>

Definition

Status: Aktueller Standard

Das Tag <col> steht für culumn (Spalte).

Das HTML-Element <col> ist ein nützliches Werkzeug, um Spalten in einer Tabelle zentral zu steuern, ohne jede einzelne Zelle (<td> oder <th>) separat formatieren zu müssen. Das <col>-Tag wird verwendet, um Eigenschaften für eine oder mehrere Spalten innerhalb einer Tabelle festzulegen. Es dient primär dem Styling und der Strukturierung. Es muss innerhalb eines <colgroup>-Elements stehen. Das <colgroup>-Paket steht direkt nach dem öffnenden <table>-Tag (und ggf. nach <caption>), aber vor <thead> oder <tr>. <col> hat kein schließendes Tag!

Syntax

<col ...>

Attribute

span: Gibt an, über wie viele aufeinanderfolgende Spalten sich die Eigenschaften erstrecken sollen (Standard ist 1)
style: Definition der Spalten im CSS-Format

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel col

Der Code:

<table>
  <colgroup>
    <col style="background-color: #f2f2f2; width: 100px;"> <!-- Erste Spalte grau -->
    <col span="2" style="background-color: #00ffd9;">      <!-- Nächste zwei Spalten türkis -->
  </colgroup>
  <tr>
    <th>Nr.</th>
    <th>Name</th>
    <th>Ort</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Max</td>
    <td>Berlin</td>
  </tr>
</table>

Ergebnis:

Ergebnis: <col>-Demo 1

Beispiel-Erklärung