Table-tagi

Tagi table luo taulukon. Sitä käytetään yhdessä tagien tr, td, th kanssa.

Tagi tr luo taulukon rivin, ja tagit td ja th luovat tämän taulukon solut. Ero td:n ja th:n välillä: ensimmäinen on tavallinen solu, ja toinen on otsikkosolu.

Attribuutit

Attribuutti Kuvaus
cellspacing Asettaa solujen välisen etäisyyden.
Vanhentunut, sen sijaan tulisi käyttää CSS-ominaisuutta border-spacing.
cellpadding Asettaa etäisyyden tekstin ja solun reunan välille.
Vanhentunut, sen sijaan tulisi käyttää CSS-ominaisuutta padding.
border Asettaa solujen ja taulukon reunuksen.
Vanhentunut, sen sijaan tulisi käyttää CSS-ominaisuutta border.

Esimerkki

Luodaan taulukko soluilla th ja 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;
}

Результат:

Katso myös

  • tagit thead, tbody ja tfoot,
    jotka ryhmittelevät taulukon rivejä
  • tagi caption,
    joka asettaa koko taulukon otsikon
  • ominaisuus vertical-align,
    joka asettaa tekstin pystysuuntainen tasauksen
  • attribuutit rowspan ja colspan,
    jotka yhdistävät taulukon rivejä ja sarakkeita