Beim Schreiben in HTML wird das
-Tag verwendet, um eine Reihe von Zeilen zu bezeichnen, die den Kopf der Spalten in einer Tabelle definieren. Es ist nützlich, um Teile der Tabelle abzutrennen, die mit CSS gestaltet werden sollen. Die folgenden Abschnitte enthalten Informationen über das -Tag, einschließlich eines Beispiels für dessen Verwendung, und zugehörige Attribute und Browserkompatibilität.
Tipp
,
,
oder
enthalten.
Fortgeschrittenere Tabellen können auch die Elemente
Tipp
Beispiel für
-Code
Die Verwendung der Elemente
und stellt sicher, dass auf jeder Seite eines großen Tabellenausdrucks eine Kopf- und eine Fußzeile erscheinen.Beispiel für
-Code
<table class="mtable2 tab">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr class="tcw">
<td>March</td>
<td>$200</td>
</tr>
<tr class="tcw">
<td>April</td>
<td>$300</td>
</tr>
<tr class="tcw">
<td>May</td>
<td>$250</td>
</tr>
</tbody>
<tfoot>
<tr class="tcw">
<td>Total</td>
<td>$750</td>
</tr>
</tfoot>
</table>
Beispielergebnis
Monat
Ersparnisse
Marsch
$200
April
$300
Dürfen
$250
Gesamt
$750
Wir haben der Tabelle einige unserer eigenen Klassen mithilfe von CSS hinzugefügt; Diese Aktion ermöglicht es uns, das Erscheinungsbild zu verbessern.
Veraltete Attribute
Innerhalb eines HTML-Tags bestimmt ein Attribut bestimmte Aspekte eines HTML-Elements. Attribute bestehen aus einem Paar aus Name und Wert; Alle Tags unterstützen Standardattribute. Jedes Attribut, das für das
-Tag eindeutig war, ist veraltet. Auch wenn diese Attribute mit einigen HTML-Versionen funktionieren, werden sie irgendwann abgeschafft. Sie sollten CSS verwenden, um die Abmessungen und das Aussehen dieses Elements anzupassen.
Attribut
Beschreibung
ausrichten
Bezeichnet die Ausrichtung von Inhalten innerhalb eines Elements.
verkohlen
Richtet den Inhalt in einem
-Element an einem bestimmten Zeichen aus.
charoff
Legt die Anzahl der Zeichen fest, um die der Inhalt von dem durch das char-Attribut bezeichneten Zeichen versetzt wird.
gültig
Löst den Inhalt in einem
-Element vertikal aus.
Kompatibilität
Rand
Internet Explorer
Feuerfuchs
Safari
Oper
Chrom
Alle Versionen
Alle Versionen
Alle Versionen
Alle Versionen
Alle Versionen
Alle Versionen
Browser, Zelle, Klasse, Spalte, Kompatibilität, Container-Tag, Format, Zeile,
,
,
, Webdesign-Begriffe
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr class="tcw">
<td>March</td>
<td>$200</td>
</tr>
<tr class="tcw">
<td>April</td>
<td>$300</td>
</tr>
<tr class="tcw">
<td>May</td>
<td>$250</td>
</tr>
</tbody>
<tfoot>
<tr class="tcw">
<td>Total</td>
<td>$750</td>
</tr>
</tfoot>
</table>
