Arbejde med tabeller i HTML

Nu skal vi lære at lave tabeller i HTML. Jeg tror, du har en fornemmelse af, hvad en tabel er i det virkelige liv - det er et sæt rækker og kolonner, hvor cellerne er placeret i skæringspunktet.

I HTML oprettes tabeller efter en lignende princip. Der er også kolonner og rækker med celler, men HTML-koden for tabeller kan ved første øjekast virke usædvanlig: tabeller oprettes efter rækker - først den første række, derefter den anden og så videre.

Tabelkoden har en stram struktur: det vigtigste er tagget table, inde i hvilket der skal være tags tr, der skaber tabelrækker, og inde i dem - tags td, der opretter celler. Tagget table kan have en attribut border, som angiver en ramme til tabellen og dens celler.

Lad os for eksempel lave en tabel med tre rækker og tre celler i hver række:

html<table border="1">
  <tr>
    <td>celle 1</td>
    <td>celle 2</td>
    <td>celle 3</td>
  </tr>
  <tr>
    <td>celle 4</td>
    <td>celle 5</td>
    <td>celle 6</td>
  </tr>
  <tr>
    <td>celle 7</td>
    <td>celle 8</td>
    <td>celle 9</td>
  </tr>
</table>

Результат: