HTML Referenzhandbuch

HTML-Tag大全

HTML: <table> Tag

Online-Beispiel

Zwei HTML-Tabelle-Demonstrationen:

Beispiel

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML Table-Tagsverwendung (Grundtutorials-Webseite oldtoolbag.com)/title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Artikel</th>
　　　　<th>Menge</th>
　　</tr>
　　<tr>
　　　　<td>Bananen</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Orangen</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th colspan="2第79段">/th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>Der Tabellenkörper</td>
　　　　　　　　　　　　<td>mit zwei Spalten</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen den <table>-Tag.

Definition und Verwendung

Der <table>-Tag definiert eine HTML-Tabelle

Eine HTML-Tabelle besteht aus einem <table>-Element, einem oder mehreren <tr>、<th> und <td> Elemente.

Das <tr>-Element definiert eine Tabellenzeile, das <th>-Element definiert einen Tabellenkopf und das <td>-Element definiert eine Tabellenzelle.

Komplexere HTML-Tabellen können auch <caption>、<col>、<colgroup>、<thead>、<tfoot> und <tbody>-Elemente umfassen.

HTML 4.01 mit HTML5unterschiede

in HTML5 In HTML, wird nur das "border"-Attribut unterstützt und nur der Wert "1" oder "".

Attribut

Attribut	Wert	Beschreibung
Ausrichten	Links Zentriert Rechts	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Regeln Sie die Ausrichtung der Tabelle relativ zu den umgebenden Elementen.
Hintergrundfarbe	rgb(x,x,x) #xxxxxx Farbname	HTML5 Nicht unterstützt. HTML 4.01 Veraltet. Regeln Sie die Hintergrundfarbe der Tabelle.
Rand	1 ""	Regeln Sie, ob die Tabellenzellen einen Rand haben.
Zellenfüllung	pixels	HTML5 Nicht unterstützt. Regeln Sie den Abstand zwischen den Zellen und ihrem Inhalt.
Zellenabstand	pixels	HTML5 Nicht unterstützt. Regeln Sie den Abstand zwischen den Zellen.
Rahmen	Leer 　Oben 　Unten 　HSeiten 　LHS 　RHS 　VSeiten 　Box 　Rand	HTML5 Nicht unterstützt. Regeln Sie, welche Teile der Außenrandkante sichtbar sind.
Regeln	Keine 　Gruppen 　Zeilen 　Spalten 　Alle	HTML5 Nicht unterstützt. Regeln Sie, welche Teile der Innenrandkante sichtbar sind.
Zusammenfassung	text	HTML5 Nicht unterstützt. Legt die Zusammenfassung der Tabelle fest.
width	pixels 　%	HTML5 Nicht unterstützt. Legt die Breite der Tabelle fest.

Globale Attribute

Der <table> Tag unterstützt HTML Globale Attribute.

Ereignisattribute

Der <table> Tag unterstützt HTML Ereignisattribute.

Mehr Online-Beispiele

Tabelle ohne Rahmen
Dieser Beispiel zeigt eine Tabelle ohne Rahmen.

Tabellenkopf (Heading) in der Tabelle
Dieser Beispiel zeigt, wie man die Tabellenkopf (Heading) anzeigt.

Tabelle mit Titel
Dieser Beispiel zeigt eine Tabelle mit einem Titel (Caption).

Zellen über Zeilen oder Spalten
Dieser Beispiel zeigt, wie man Zellen über Zeilen oder Spalten definiert.

Tags in der Tabelle
Dieser Beispiel zeigt, wie man Elemente in verschiedenen Elementen anzeigt.

Zellenrand (Cell padding)
Dieser Beispiel zeigt, wie man die Zellenrand (Cell padding) verwendet, um den Abstand zwischen dem Zelleninhalt und dem Rahmen zu erzeugen.

Zellenabstand (Cell spacing)
Dieser Beispiel zeigt, wie man die Zellenabstand (Cell spacing) verwendet, um den Abstand zwischen den Zellen zu vergrößeren.