HTML <table> Tag

Eine einfache HTML-Tabelle, die zwei Spalten und zwei Zeilen:

<table>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

Mehr "Versuchen Sie es selbst" Beispiele unten.

Definition und Verwendung

Der <table> Tag definiert eine HTML - Tabelle.

Eine HTML - Tabelle besteht aus dem <table> Element und ein oder mehrere <tr> , <th> und <td> Elemente.

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

Eine komplexere HTML - Tabelle auch kann <caption>, <col>, <colgroup>, <thead>, <tfoot> und <tbody> Elemente.

Element
<table>	ja	ja	ja	ja	ja

Die "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" und "width" Attribute nicht in HTML5 unterstützt.

Attribut	Wert	Beschreibung
align	left center right	Nicht in HTML5 unterstützt. Gibt die Ausrichtung einer Tabelle gemäß umgebenden Text
bgcolor	rgb(x,x,x) #xxxxxx colorname	Nicht in HTML5 unterstützt. Gibt die Hintergrundfarbe für eine Tabelle
border	1 0	Gibt an, ob oder nicht die Tabelle für Layoutzwecke verwendet wird,
cellpadding	pixels	Nicht in HTML5 unterstützt. Gibt den Abstand zwischen der Zellwand und der Zellinhalt
cellspacing	pixels	Nicht in HTML5 unterstützt. Gibt den Abstand zwischen den Zellen
frame	void above below hsides lhs rhs vsides box border	Nicht in HTML5 unterstützt. Gibt an, welche Teile der Außengrenzen, die sichtbar sein sollen
rules	none groups rows cols all	Nicht in HTML5 unterstützt. Gibt an, welche Teile der Innen Grenzen, die sichtbar sein sollen
sortable	sortable	Gibt an, dass die Tabelle sortierbar sein sollte
summary	text	Nicht in HTML5 unterstützt. Gibt eine Zusammenfassung des Inhalts einer Tabelle
width	pixels %	Nicht in HTML5 unterstützt. Gibt die Breite einer Tabelle

Der <table> Tag unterstützt auch den Global in HTML - Attribute .

Der <table> Tag unterstützt auch der Veranstaltung in HTML - Attribute .

Tabellenköpfe
Wie man Tabellenüberschriften erstellen.

Tabelle mit einer Beschriftung
Eine HTML-Tabelle mit einer Beschriftung.

Stichworte in einer Tabelle
Wie Elemente innerhalb anderer Elemente anzuzeigen.

Zellen , die mehr als eine Zeile / Spalte umspannen
Wie Tabellenzellen zu definieren, die mehr als eine Zeile oder eine Spalte erstrecken.

Die meisten Browser erscheint auf dem Display <table> mit den folgenden Standardwerte Element:

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}