HTML <table>Tag

Beispiele

Eine einfache HTML-Tabelle mit zwei Spalten und zwei Zeilen:

<table border="1"> <tr> <th>Monat</th> <th>Ersparnisse</th> </tr> <tr> <td>Januar</td> <td>$100</td> </tr> <tr> <td>Februar</td> <td>$80</td> </tr> </table>

Selbst ausprobieren »
(Weitere Beispiele finden Sie unten auf der Seite)

Browser-Unterstützung

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

Tag-Definition und Verwendungshinweise

Das <table>-Tag definiert eine HTML-Tabelle.

Eine HTML-Tabelle enthält ein <table>-Element, ein oder mehrere<tr>、<th>und<td>Elemente.

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

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

Unterschiede zwischen HTML 4.01 und HTML5

In HTML5 wird nur das 'border'-Attribut unterstützt, und nur der Wert '1' oder '' ist erlaubt.

Attribute

Attribute	Wert	Beschreibung
align	left center right	In HTML5 nicht unterstützt. In HTML 4.01 veraltet.Gibt die Ausrichtung einer Tabelle relativ zu den umgebenden Elementen an.
bgcolor	rgb(x,x,x) #xxxxxx colorname	In HTML5 nicht unterstützt. In HTML 4.01 veraltet.Gibt die Hintergrundfarbe der Tabelle an.
border	1 ""	In HTML5 nicht unterstützt.Gibt an, ob die Tabellenzellen Rahmen haben.
cellpadding	pixels	In HTML5 nicht unterstützt.Gibt den Leerraum zwischen dem Zellenrand und seinem Inhalt an.
cellspacing	pixels	In HTML5 nicht unterstützt.Gibt den Leerraum zwischen Zellen an.
frame	void above below hsides lhs rhs vsides box border	In HTML5 nicht unterstützt.Gibt an, welcher Teil des äußeren Rahmens sichtbar ist.
rules	none groups rows cols all	In HTML5 nicht unterstützt.Gibt an, welcher Teil des inneren Rahmens sichtbar ist.
summary	text	In HTML5 nicht unterstützt.Gibt eine Zusammenfassung der Tabelle an.
width	pixels %	In HTML5 nicht unterstützt.Gibt die Breite der Tabelle an.

Globale Attribute

Das <table>-Tag unterstütztdie globalen HTML-Attribute.。

Ereignisattribute

Das <table>-Tag unterstütztdie HTML-Ereignisattribute.。

Probieren Sie es selbst - Beispiele

Dieses Beispiel zeigt, wie Tabellenüberschriften angezeigt werden.

Dieses Beispiel zeigt, wie man ' ' verwendet, um Zellen ohne Inhalt zu behandeln.

Dieses Beispiel zeigt eine Tabelle mit einer Tabellenbeschriftung.

Dieses Beispiel zeigt, wie Elemente innerhalb anderer Elemente angezeigt werden.

Dieses Beispiel zeigt, wie man Tabellenzellen definiert, die Zeilen oder Spalten überspannen.

HTMLTag