HTML Tag td:
Zelle in HTML Tabelle

von Thomas Salvador.

Beispiel

Einzelne Zellen als Basis von HTML-Tabellen:

<table>
<tr>
  <td>Z1,S1</td>
  <td>Z1,S2</td>
  <td>Z1,S3</td>
</tr>
<tr>
  <td colspan="2">Z2,S1+S2</td>
  <td rowspan="2">Z2+Z3,S3</td>
</tr>
<tr>
  <td>Z3,S1</td>
  <td>Z3,S2</td>
</tr>
</table>

Anwendung

Mit dem Tag <td> wird eine Tabellenzelle beschrieben. Diese ist Teil einer Tabellenzeile, die mit <tr> eingeführt wird. Die Zeile wiederum ist einer HTML-Tabelle <table> zugeordnet. Auf Wunsch kann der Bereich der Tabelle mit <thead>, <tbody> oder <tfoot> genauer spezifiziert werden.

Tabellen sind in HTML nicht zuletzt deshalb so flexibel, weil Zellen mit colspan mehrere Spalten und mit rowspan mehrere Zeilen überspannen können. Dies gilt auch für Überschrifts-Zellen und macht das Setzen beliebiger Tabellen sehr leicht.

Attribute

Die HTML Anweisung <td> nutzt die HTML-Attribute:

AttributBeschreibung
alignSpezifiziert die Ausrichtung von Daten/Text in Zellen
axisEinordnung der Zellen in Kategorien.
backgroundHintergrundbild der Tabellenzelle
bgcolorHintergrundfarbe der Tabellenzelle
charZeichen, an dem ausgerichtet wird
charoffOffset für Ausrichtungszeichen
classSpace-separierte Liste von CSS-Klassen
colspanZahl des überspannten Spalten
dirAusrichtung von Text und Tabellen
headersBeziehung zu Überschruften herstellen
heightHöhe von Tabellenzellen
idUniversalattribut
langSprache des Elementes
nowrapZeilenumbruch in Zellen unterdrücken
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
rowspanZahl der von der Zelle überspannten Zeilen
scopeGeltungsbereich voin Kopfzellen
styleInline Style
titleBezeichnender Titel
valignvertikale Ausrichtung.
widthBreite der Tabellenzelle

Browserunterstützung

Der HTML-Tag <td> wird von den HTML-Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

<td> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

<td> kann die HTML-Tags <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <br>, <button>, <center>, <cite>, <code>, <dfn>, <dir>, <div>, <dl>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <isindex>, <kbd>, <label>, <map>, <menu>, <noframes>, <noscript>, <object>, <ol>, <p>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <u>, <ul> und <var> enthalten.

Verwendung

<td> kann nur in der Anweisung <tr> verwendet werden.

Hinweise

Während <td> reguläre Zellen beschreibt, können mit <th> Zellen als Zeilen- bzw. Spaltenüberschriften gesetzt werden.

Weitere Beispiele und Lösungen

Keine.