Exemplu
Un tabel HTML simplu, care conține două coloane și două rânduri:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
<tr> tag - ul definește un rând într - un tabel HTML.
A <tr> Element conține una sau mai multe <th> sau <td> elemente.
Suport pentru browser-
Element | |||||
---|---|---|---|---|---|
<tr> | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
Toate layout atributele sunt eliminate în HTML5.
atribute
Atribut | Valoare | Descriere |
---|---|---|
align | right left center justify char | Nu sunt acceptate în HTML5. Aliniază conținutul într-un rând de tabel |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Nu sunt acceptate în HTML5. Specifică o culoare de fundal pentru un rând de tabel |
char | character | Nu sunt acceptate în HTML5. Aliniază conținutul într-un rând de tabel cu un caracter |
charoff | number | Nu sunt acceptate în HTML5. Setează numărul de caractere conținutul va fi aliniat la caracterul specificat de char atributul |
valign | top middle bottom baseline | Nu sunt acceptate în HTML5. Verticală aliniază conținutul într-un rând de tabel |
Atribute globale
<tr> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<tr> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Încearcă-l singur - Exemple
Capetele de tabel
Cum de a crea anteturi de masă.
Tabelul cu o legendă
Un tabel HTML cu o legendă.
Tag - uri în interiorul unui tabel
Cum de a afișa elementele din interiorul altor elemente.
C ells care se întind pe mai mult de un rând / coloană
Cum de a defini celule de tabel care se întind pe mai mult de un rând sau o coloană.
Pagini similare
Tutorial HTML: tabele HTML
HTML DOM referință: obiect TableRow
CSS Tutorial: Tabele de styling
Setări implicit CSS
Cele mai multe browsere va afișa <tr> elementul cu următoarele valori implicite:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}