Exemplu
Un tabel HTML simplu, cu două celule de tabel:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
<td> Eticheta definește o celulă standard , într - un tabel HTML.
Un tabel HTML are două tipuri de celule:
- Celule antet - conține informații antet (create cu <th> elementul)
- Celulele standard - conține date (created with the <td> element)
Textul din <th> elemente sunt bold și centrat în mod implicit.
Textul din <td> elemente sunt regulate și aliniat la stânga în mod implicit.
Suport pentru browser-
Element | |||||
---|---|---|---|---|---|
<td> | da | da | da | da | da |
Sfaturi și note
Tip: Utilizați colspan și rowspan atributul pentru a permite intervalul de conținut peste mai multe coloane sau rânduri!
Diferențe între HTML 4.01 și HTML5
Toate atributele de aspect sunt eliminate în HTML5.
atribute
Atribut | Valoare | Descriere |
---|---|---|
abbr | text | Nu sunt acceptate în HTML5. Specifică o versiune prescurtată a conținutului într-o celulă |
align | left right center justify char | Nu sunt acceptate în HTML5. Aliniază conținutul într-o celulă |
axis | category_name | Nu sunt acceptate în HTML5. categorizes celule |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Nu sunt acceptate în HTML5. Specifică culoarea de fundal a unei celule |
char | character | Nu sunt acceptate în HTML5. Aliniază conținutul într-o celulă 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 |
colspan | number | Specifică numărul de coloane unei celule ar trebui sa acopere |
headers | header_id | Specifică una sau mai multe celule antet o celulă este legată de |
height | pixels % | Nu sunt acceptate în HTML5. Setează înălțimea unei celule |
nowrap | nowrap | Nu sunt acceptate în HTML5. Specifică faptul că conținutul în interiorul unei celule nu ar trebui să înfășurați |
rowspan | number | Setează numărul de rânduri o celulă ar trebui sa acopere |
scope | col colgroup row rowgroup | Nu sunt acceptate în HTML5. Definește o modalitate de a asocia celulele antet și celule de date într-un tabel |
valign | top middle bottom baseline | Nu sunt acceptate în HTML5. Verticală aliniază conținutul într-o celulă |
width | pixels % | Nu sunt acceptate în HTML5. Specifică lățimea unei celule |
Atribute globale
<td> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<td> 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ță: TableData Obiect
CSS Tutorial: Tabele de styling
Setări implicit CSS
Cele mai multe browsere va afișa <td> elementul cu următoarele valori implicite:
td {
display: table-cell;
vertical-align: inherit;
}