Beim Schreiben in HTML wird das Tag
verwendet, um den Abschnitt einer Tabelle zu bezeichnen, der alle Datenzellen enthält. 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
Browser können das
-Element verwenden, um das Scrollen eines Tabellenkörpers unabhängig von den Kopf- und Fußzeilenabschnitten zu ermöglichen.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>
