Tabula tabula

Tagad table izveido tabulu. Izmanto kopā ar tagiem tr, td, th.

Tagad tr izveido tabulas rindu, bet tagi td un th izveido šīs tabulas šūnas. Atšķirība starp td un th: pirmais ir parasta šūna, bet otrais ir virsraksta šūna.

Atribūti

Atribūts Apraksts
cellspacing Norāda attālumu starp šūnām.
Novecojis, tā vietā vajadzētu izmantot CSS īpašību border-spacing.
cellpadding Norāda attālumu starp tekstu un šūnas robežu.
Novecojis, tā vietā vajadzētu izmantot CSS īpašību padding.
border Norāda šūnu un tabulas robežu.
Novecojis, tā vietā vajadzētu izmantot CSS īpašību border.

Piemērs

Izveidosim tabulu ar šūnām th un 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;
}

Результат:

Skatiet arī

  • tagus thead, tbody un tfoot,
    kuri grupē tabulas rindas
  • tagu caption,
    kurs norāda visas tabulas virsrakstu
  • īpašību vertical-align,
    kura norāda teksta vertikālo līdzināšanu
  • atribūtus rowspan un colspan,
    kuri apvieno tabulas rindas un kolonnas