Tag-ul table

Tag-ul table creează un tabel. Este utilizat împreună cu tag-urile tr, td, th.

Tag-ul tr creează un rând în tabel, iar tag-urile td și th creează celulele acestui tabel. Diferența dintre td și th: primul este o celulă obișnuită, iar al doilea este o celulă-antet.

Atribute

Atribut Descriere
cellspacing Stabilește spațiul dintre celule.
Învechit, în locul lui ar trebui utilizată proprietatea CSS border-spacing.
cellpadding Stabilește spațiul dintre text și bordura celulei.
Învechit, în locul lui ar trebui utilizată proprietatea CSS padding.
border Stabilește bordura celulelor și a tabelului.
Învechit, în locul lui ar trebui utilizată proprietatea CSS border.

Exemplu

Să creăm un tabel cu celulele th și td:

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Vedeți și

  • tag-urile thead, tbody și tfoot,
    care grupează rândurile tabelului
  • tag-ul caption,
    care stabilește titlul întregului tabel
  • proprietatea vertical-align,
    care stabilește alinierea textului pe verticală
  • atributele rowspan și colspan,
    care unesc rânduri și coloane în tabel