Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Okt 2008
HTML-Tag td • Zelle in einer HTML-Tabelle

td erzeugt eine Tabellenzelle als Behälter für Daten, Text oder Bilder. Eine Tabellenzeile kann aus beliebig vielen Tabellenzellen bestehen.
th erzeugt eine Headerzelle in einer Zeile innerhalb einer Tabelle.
Die Folge der Tags innerhalb einer Tabellenzeile ist
<tr><td> hier stehen die Inhalte </td></tr>
Beispiel
<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
| Top 15 of 3219 Total User Agents | |||
|---|---|---|---|
| # | Hits | User Agent | |
| Tabellen werden für die Strukturierung von tabellarischen Daten empfohlen. Zur Strukturierung der Seite wird der Einsatz von Stylesheets empfohlen. | |||
| 1 | 497913 | 16.27% | Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) |
| 2 | 267810 | 8.75% | Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.11) Gec |
| 3 | 183157 | 5.99% | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1 |
| 4 | 170926 | 5.59% | Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-us) AppleWebKit |
| 5 | 164865 | 5.39% | Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET |
| 6 | 105948 | 3.46% | Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.11 |
| 7 | 79322 | 2.59% | Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.8.1.11) |
| 8 | 63173 | 2.06% | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NE |
| 9 | 54409 | 1.78% | Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8 |
Attribute für td
- abbr
- wird von den meisten Browsern nicht erkannt. Es stellt eine Zusammenfassung des Zelleninhalts 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
- spannt eine Tabellenzelle über mehrere Zeilen auf. Es kann mit dem Attribut colspan kombiniert werden, um eine Zelle aufzuziehen, die sich über mehrere Zeilen und Spalten erstreckt.
- scope
- weist einer Headerzelle eine Gruppe von Zellen zu. Die vier möglichen Werte sind col, colgroup, row und rowgroup.
| Kernattribute | Ereignisse |
|---|---|
| class, dir, id, lang, style, title |