Skapa en tabell i HTML

En HTML-tabell används för data som hör ihop i rader och kolumner.

Tabellens delar

• table omsluter tabellen.
• caption ger tabellen ett namn.
• tr skapar en rad.
• th skapar en rubrikcell och td en datacell.
• thead och tbody grupperar rubrikrader och datarader.

En cell är inte en hel kolumn. I detta exempel skapar vi tre celler i varje rad:

<table>
  <caption>Exempeldata</caption>
  <thead>
    <tr><th scope="col">Rubrik A</th><th scope="col">Rubrik B</th><th scope="col">Rubrik C</th></tr>
  </thead>
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
  </tbody>
</table>

Resultat

scope="col" anger att rubrikcellen gäller kolumnen, vilket hjälper hjälpmedel att tolka tabellen. Skillnaden mellan th och td är semantisk, även om webbläsaren vanligtvis visar th i fet stil. Utseendet kan ändras med CSS.