Ultimele tutoriale de dezvoltare web
 

HTML <td> Tag


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