Tagg table

Tagg table skapar en tabell. Används tillsammans med taggarna tr, td, th.

Tagg tr skapar en tabellrad, och taggarna td och th skapar celler i denna tabell. Skillnaden mellan td och th: den första är en vanlig cell, och den andra är en rubrikcell.

Attribut

Attribut Beskrivning
cellspacing Ställer in avståndet mellan celler.
Föråldrad, använd istället CSS-egenskapen border-spacing.
cellpadding Ställer in avståndet mellan text och cellkant.
Föråldrad, använd istället CSS-egenskapen padding.
border Ställer in kantlinjen för celler och tabell.
Föråldrad, använd istället CSS-egenskapen border.

Exempel

Låt oss skapa en tabell med cellerna th och td:

html<table>
  <tr>
    <th>Namn</th>
    <th>Efternamn</th>
    <th>Lön</th>
  </tr>
  <tr>
    <td>namn1</td>
    <td>efternamn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>namn2</td>
    <td>efternamn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Se även

  • taggarna thead, tbody och tfoot,
    som grupperar tabellrader
  • tagg caption,
    som sätter en rubrik för hela tabellen
  • egenskapen vertical-align,
    som ställer in textens vertikala justering
  • attributen rowspan och colspan,
    som sammanfogar tabellrader och kolumner