Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

tfoot ♦ <tfoot> ... </tfoot> ♦ Zurzeit von keinem Browser unterstützt ♦ HTML 4.0

Das <tfoot>-Tag ist eines von drei Tags für Tabellen, die in HTML 4.0 in die Spezifikation aufgenommen wurden und die Tabellen in drei Bereiche unterteilen.

Das <tbody>-Tag definiert den "Tabellenkörper", in dem die Inhalte dargestellt werden. Das <thead>-Tag definiert den Header, das <tfoot>-Tag die Fußnote einer Tabelle. Beachten Sie, dass die korrekte Aufruffolge für diese Tags thead gefolgt von tfoot und zuletzt tbody ist. Diese Einteilung wurde eingeführt, damit der Tabellenkörper in langen Tabellen scrollen kann, während Header und Fußnote im Browserfenster sichtbar bleiben. Leider unterstützt bislang kein Browser diese neuen Tags vollständig.

Das schließende Tag ist optional. Es ist allerdings zu empfehlen, es stets zu setzen.

Kernattribute class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 Das Attribut align steuert die horizontale Ausrichtung des Zelleninhalts für alle Zellen einer Zeile. Die fünf gültigen Werte sind center, char, justify, left und right.
char Das Attribut char weist ein Zeichen für die Ausrichtung des Inhalts einer Zelle aus. An diesem Zeichen werden Dezimalstellen in einer Spalte vertikal ausgerichtet. Der Vorgabewert ist länderspezifisch. In den USA wird das erste Vorkommen eines Kommas oder eines Dezimalpunktes benutzt.
charoff Das Attribut charoff ist eine ganze Zahl, die den Abstand des Zeichens für die Ausrichtung vom Zellenrand angibt. Per Vorgabe wird der Abstand vom linken Zellenrand berechnet.
valign Das Attribut valign steuert die vertikale Ausrichtung des Zelleninhalts in einer einzelnen Zeile. Die möglichen Werte sind baseline, bottom, middle und top.

Beispiel

<table border="1">
  <caption><b>Tabelle</b> mit thead, tfoot & tbody </caption>  
  <thead>   
    <tr>     
      <th>Kopf 1</th><th>Kopf 2</th>  
    </tr>  
  </thead> 
  <tfoot>   
    <tr>     
      <td colspan="2">Fu&szlig;zeile</td>  
    </tr>  
  </tfoot> 
  <tbody>   
    <tr>     
      <td>Zelle 1</td><td>Zelle 2</td>  
    <tr>     
      <td>Zelle 1</td><td>Zelle 2</td>  
    <tr>     
      <td>Zelle 1</td><td>Zelle 2</td>  
    <tr>   
  </tbody> 
</table>

Darstellung

Tabelle mit thead, tfoot & tbody

Kopf 1 Kopf 2
Fußzeile
Zelle 1 Zelle 2
Zelle 1 Zelle 2
Zelle 1 Zelle 2

 

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen