Stil mit {stil}

Mai 2008

HTML-Tag th • Tabellenzellen als Überschriften deklarieren

Das <th>-Tag erzeugt einen Tabellenkopf in den Zellen einer Zeile. In der Kopfzeile sollen Überschriften und Informationen über die Spalten einer Tabelle eingesetzt werden. Der Text wird fett ausgezeichnet.

Mit dem <td>-Tag werden Zellen erzeugt, die Inhalte wie Bilder oder Texte aufnehmen.

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

Die Reihenfolge der Coderung ist: <tr><th> hier ist der Inhalt </th></tr>.

Attribute für th

abbr

wird von den meisten Browsern nicht erkannt. Es stellt eine Zusammenfassung des Tabellenzelleninhalts dar.

axis

wird von den meisten Browsern nicht erkannt. Das Attribut erzeugt eine Liste von Kategorienamen, anhand derer eine Abfrage ausgeführt werden kann. Die Abfrage wird gegen die Zellen der Tabelle ausgeführt.

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

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.

colspan

spannt eine Zelle über mehrere Spalten auf. Es kann auch mit dem Attribut rowspan kombiniert werden, um eine Tabellenzelle über mehrere Zeilen und Spalten aufzubauen.

headers

ist eine Liste von Zellennamen, die aus den id-Attributen der Zellen stammen. Das Attribut headers wird von Browsern für die Sprachausgabe benutzt und wird von den meisten Screenbrowsern nicht erkannt.

rowspan

erlaubt einer Zelle, sich über zwei oder mehrere Zeilen zu erstrecken. Es kann zusammen mit dem Attribut colspan benutzt werden, mit dem sich eine Zelle über mehrere Spalten erstrecken kann.

scope

wird von den meisten Browsern nicht erkannt. Es weist einer Menge von Datenzellen eine Headerzelle zu. Die vier möglichen Werte sind col, colgroup, row und rowgroup.

Beispiel

<table summary="Wissenswertes über Tabellen

<table summary="Browser-Statistik" border="1" cellspacing="2" cellpadding="3">
   <colgroup>
      <col width="10" /><col width="50" />
      <col width="50" /><col width="400" />
   </colgroup>
   <caption>Die Browserstatistik eines Fotoblogs im Dez. 2007</caption>
   <thead>
      <tr>
         <th colspan="4">Top 15 of 3219 Total User Agents</th>
      </tr>
      <tr>
         <th>#</th>
         <th colspan="2">Hits</th>
         <th>User Agent</th>
      </tr>
   </thead>
   <tfoot>      
      <tr>    
         <td colspan="4">Tabellen werden für die Strukturierung 
            von tabellarischen Daten empfohlen. 
            Zur Strukturierung der Seite wird der 
            Einsatz von Stylesheets empfohlen. </td>   
      </tr>
   </tfoot>
   <tbody style="height: 200px; overflow: scroll">
      <tr>
         <td>1</td>
         <td style="text-align: right;">497913</td>
         <td style="text-align: right;">16.27%</td>
         <td style="background: mistyrose;">Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) </td>
      </tr>

      …
   </tbody>
</table>

Darstellung

Kernattribute und Ereignisse für p-Elemente

Zum Seitenanfang