Table-tagget

Tagget table oppretter en tabell. Brukes sammen med taggene tr, td, th.

Tagget tr oppretter en tabellrad, og taggene td og th oppretter cellene i denne tabellen. Forskjellen mellom td og th: førstnevnte er en vanlig celle, mens sistnevnte er en overskriftcelle.

Attributter

Attributt Beskrivelse
cellspacing Setter avstanden mellom celler.
Foreldet, i stedet bør man bruke CSS-egenskapen border-spacing.
cellpadding Setter avstanden mellom tekst og cellekant.
Foreldet, i stedet bør man bruke CSS-egenskapen padding.
border Setter rammen rundt celler og tabell.
Foreldet, i stedet bør man bruke CSS-egenskapen border.

Eksempel

La oss opprette en tabell med celler av typen th og td:

html<table>
  <tr>
    <th>Navn</th>
    <th>Etternavn</th>
    <th>Lønn</th>
  </tr>
  <tr>
    <td>navn1</td>
    <td>etternavn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>navn2</td>
    <td>etternavn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Se også

  • taggene thead, tbody og tfoot,
    som grupperer tabellrader
  • tagget caption,
    som setter overskriften for hele tabellen
  • egenskapen vertical-align,
    som setter vertikal justering av teksten
  • attributtene rowspan og colspan,
    som slår sammen rader og kolonner i tabellen