Beispiel
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>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Das <tr> -Tag definiert eine Zeile in einer HTML - Tabelle.
A <tr> Element enthält ein oder mehrere <th> oder <td> Elemente.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <tr> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
Alle layout - Attribute werden in HTML5 entfernt.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | right left center justify char | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Tabellenzeile |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Nicht in HTML5 unterstützt. Legt eine Hintergrundfarbe für eine Tabellenzeile |
| char | character | Nicht in HTML5 unterstützt. Richtet den Inhalt in einer Tabellenzeile, um ein Zeichen |
| charoff | number | Nicht in HTML5 unterstützt. Legt die Anzahl der Zeichen wird der Inhalt von dem Zeichen mit dem angegebenen ausgerichtet werden char - Attribut |
| valign | top middle bottom baseline | Nicht in HTML5 unterstützt. Vertikale richtet den Inhalt in einer Tabellenzeile |
globale Attribute
Das <tr> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <tr> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Probieren Sie es selbst - Beispiele
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.
C ells , die mehr als eine Zeile / Spalte umspannen
Wie Tabellenzellen zu definieren, die mehr als eine Zeile oder eine Spalte erstrecken.
Verwandte Seiten
HTML - Tutorial: HTML - Tabellen
HTML - DOM - Referenz: TableRow Objekt
CSS Tutorial: Styling Tables
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <tr> mit den folgenden Standardwerte Element:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}