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
<table> tag defineste un tabel HTML.
Un tabel HTML este compus din <table> element și una sau mai multe <tr> , <th> si <td> elemente.
<tr> elementul definește un rând tabel, <th> Element definește un antet de masă, iar <td> elementul definește o celulă de tabel.
Un tabel HTML mai complexe pot include , de asemenea , <caption>, <col>, <colgroup>, <thead>, <tfoot> și <tbody> elemente.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <table> | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
"align", "bgcolor" , "cellpadding" , "cellspacing" , "frame" , "rules" , "summary" , și "width" , atribute nu sunt acceptate în HTML5.
atribute
| Atribut | Valoare | Descriere |
|---|---|---|
| align | left center right | Nu sunt acceptate în HTML5. Specifică alinierea unui tabel, conform textului din jur |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Nu sunt acceptate în HTML5. Specifică culoarea de fundal pentru o masă |
| border | 1 0 | Specifică dacă tabela este utilizat în scopuri de aspect |
| cellpadding | pixels | Nu sunt acceptate în HTML5. Specifică spațiul dintre peretele celular și conținutul celulei |
| cellspacing | pixels | Nu sunt acceptate în HTML5. Specifică spațiul dintre celule |
| frame | void above below hsides lhs rhs vsides box border | Nu sunt acceptate în HTML5. Specifică ce părți ale frontierelor externe care ar trebui să fie vizibile |
| rules | none groups rows cols all | Nu sunt acceptate în HTML5. Specifică ce părți ale frontierelor din interiorul care ar trebui să fie vizibile |
| sortable | sortable | Specifică faptul că tabela ar trebui să fie Sortable |
| summary | text | Nu sunt acceptate în HTML5. Specifică un rezumat al conținutului unui tabel |
| width | pixels % | Nu sunt acceptate în HTML5. Specifică lățimea unui tabel |
Atribute globale
<table> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<table> 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.
Celulele 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ță: Table Object
CSS Tutorial: Styling Tabele
Setări implicit CSS
Cele mai multe browsere vor afișa <table> elementul cu următoarele valori implicite:
Exemplu
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Încearcă - l singur »