Ultimele tutoriale de dezvoltare web
 

HTML <tr> Tag


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;
}