HTML Tag th:
Überschrift-Zelle in HTML Tabelle

von Thomas Salvador.

Beispiel

Überschriften in HTML-Tabellen:

<table>
<tr>
  <th>Spalte 1</th>
  <th>Spalte 2</th>
  <th>Spalte 3</th>
</tr>
<tr>
  <td>Z1,S1</td>
  <td>Z1,S2</td>
  <td>Z1,S3</td>
</tr>
<tr>
  <td>Z2,S1</td>
  <td>Z2,S2</td>
  <td>Z2,S3</td>
</tr>
<tr>
  <td>Z3,S1</td>
  <td>Z3,S2</td>
  <td>Z3,S3</td>
</tr>
</table>

Anwendung

Mit dem Tag <th> wird eine Tabellenzelle beschrieben, die als Überschrift ausgewiesen ist. Diese ist Teil einer Tabellenzeile, die mit <tr> eingeführt wird. Die Zeile ist ggf. einem Bereich der Tabelle <thead>, <tbody> oder <tfoot> zuordnet, aber ganz sicher Teil einer HTML-Tabelle <table>.

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

Attribute

Der HTML-Befehl <th> 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 Tag <th> wird von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

<th> wird in den Standards HTML und XHTML definiert.

Inhalte

Der HTML Befehl <th> 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

Die HTML-Anweisung <th> kann in <tr> enthalten sein.

Hinweise

Während <th> Zellen als Überschriften beschreibt, können mit <td> reguläre Inhalts-Zellen gesetzt werden.

Weitere Beispiele und Lösungen

Keine.