Esempio
Una semplice tabella HTML, contenente due colonne e due righe:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <tr> tag definisce una riga in una tabella HTML.
Un <tr> elemento contiene uno o più <th> o <td> elementi.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <tr> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
Tutti i layout attributi vengono rimossi in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| align | right left center justify char | Non supportato in HTML5. Allinea il contenuto di una riga della tabella |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non supportato in HTML5. Specifica un colore di sfondo per una riga di tabella |
| char | character | Non supportato in HTML5. Allinea il contenuto di una riga della tabella per un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri il contenuto sarà allineata dal carattere specificato dal char dell'attributo |
| valign | top middle bottom baseline | Non supportato in HTML5. Vertical allinea il contenuto di una riga della tabella |
attributi globali
Il <tr> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <tr> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
intestazioni di tabella
Come creare intestazioni di tabella.
Tavolo con una didascalia
Una tabella HTML con una didascalia.
Tag all'interno di una tabella
Come visualizzare elementi all'interno di altri elementi.
C ells che si estendono su più di una riga / colonna
Come definire le celle di tabella che si estendono su più di una riga o una colonna.
Pagine correlate
HTML tutorial: tabelle HTML
Di riferimento HTML DOM: oggetto TableRow
CSS Tutorial: Tabelle Styling
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <tr> elemento con i seguenti valori di default:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}