Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <td>

    Bedeutung

    Tabellenzelle


    Notation

    <td [Attribute]>[Elementinhalt]</td>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    zum <tr> Element<tr>.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


    Attribute

    Kann folgende elementspezifische Attribute enthalten:
    zum HTML5 Attribut colspancolspan | zum HTML5 Attribut headersheaders | zum HTML5 Attribut rowspanrowspan

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


    Standard-Style-Formateigenschaften

    td {
       display: table-cell;
       vertical-align: inherit;
    }


    Beispiel
    <table class="tabelle"><caption>Dartsellung der Tabellen Struktur</caption>
    <thead>
    <tr>
    <th>Kopfzelle</th>
    <th>Kopfzelle</th>
    <th>Kopfzelle</th>
    <th>Kopfzelle</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    </tr>
    <tr>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    <td>Datenzelle</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
    <td>Fußzelle</td>
    <td>Fußzelle</td>
    <td>Fußzelle</td>
    <td>Fußzelle</td>
    </tr>
    </tfoot>
    </table>

    Erläuterung

    Das <td>InformationBedeutung: <td>table data; Tabellen Daten Element definiert jeweils eine Datenzelle in deren Elementinhalt der eigentliche Textuelle Inhalt notiert wird. Das <td> Element wird dabei im Elementinhalt zwischen <tr>[...]</tr> notiert. Das <tr> Element definiert eine Tabellenzeile innerhalb einer Tabelle.

    <table>
    <thead>
    Beginn Tabellenkopf
    <tr>
    Beginn Tabellenzeile
    <th> </th>
    Kopfzelle
    <th> </th>
    Kopfzelle
    <th> </th>
    Kopfzelle
    Ende Tabellenzeile
    </tr>
    Ende Tabellenkopf
    </thead>
    <tbody>
    Beginn Tabellenkörper
    <tr>
    Beginn Tabellenzeile
    <td> </td>
    Datenzelle
    <td> </td>
    Datenzelle
    <td> </td>
    Datenzelle
    Ende Tabellenzeile
    </tr>
    <tr>
    Beginn Tabellenzeile
    <td> </td>
    Datenzelle
    <td> </td>
    Datenzelle
    <td> </td>
    Datenzelle
    Ende Tabellenzeile
    </tr>
    Ende Tabellenkörper
    </tbody>
    <tfoot>
    Beginn Tabellenfuß
    <tr>
    Beginn Tabellenzeile
    <td> </td>
    Fußzelle
    <td> </td>
    Fußzelle
    <td> </td>
    Fußzelle
    Ende Tabellenzeile
    </tr>
    Ende Tabellenfuß
    </tfoot>
    </table>


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel