Esempio
Una semplice tabella HTML, con due celle di tabella:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <td> tag definisce una cellula normale in una tabella HTML.
Una tabella HTML ha due tipi di cellule:
- Celle di intestazione - contiene informazioni di intestazione (creato con il <th> elemento)
- Celle standard - contiene dati (creata con il <td> elemento)
Il testo in <th> elementi sono evidenziate in grassetto e centrato per impostazione predefinita.
Il testo in <td> elementi sono regolari e allineato a sinistra per impostazione predefinita.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <td> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Suggerimento: Utilizzare il colspan e rowspan attributo di lasciare che il lasso di contenuti su più colonne o righe!
Differenze tra HTML 4.01 e HTML5
Tutti gli attributi di layout vengono rimossi in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| abbr | text | Non supportato in HTML5. Specifica una versione abbreviata del contenuto in una cella |
| align | left right center justify char | Non supportato in HTML5. Allinea il contenuto di una cella |
| axis | category_name | Non supportato in HTML5. categorizza le cellule |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Non supportato in HTML5. Specifica il colore di sfondo di una cella |
| char | character | Non supportato in HTML5. Allinea il contenuto di una cella di un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri il contenuto sarà allineata dal carattere specificato dal char dell'attributo |
| colspan | number | Specifica il numero di colonne una cella dovrebbe estendersi |
| headers | header_id | Specifica una o più celle di intestazione di una cella è legato alla |
| height | pixels % | Non supportato in HTML5. Imposta l'altezza di una cella |
| nowrap | nowrap | Non supportato in HTML5. Specifica che il contenuto all'interno di una cella non deve andare a capo |
| rowspan | number | Imposta il numero di righe di una cella dovrebbe estendersi |
| scope | col colgroup row rowgroup | Non supportato in HTML5. Definisce un modo per associare le celle di intestazione e celle di dati in una tabella |
| valign | top middle bottom baseline | Non supportato in HTML5. Verticale allinea il contenuto in una cella |
| width | pixels % | Non supportato in HTML5. Specifica la larghezza di una cella |
attributi globali
Il <td> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <td> 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: TableData Object
CSS Tutorial: Tabelle Styling
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <td> elemento con i seguenti valori di default:
td {
display: table-cell;
vertical-align: inherit;
}