Delo s tabelami v HTML

Zdaj se bomo naučili ustvarjati tabele v HTML. Mislim, da si predstavljate, kaj je tabela v običajnem življenju - to je niz vrstic in stolpcev, na presečišču katerih so celice.

V HTML se tabele ustvarjajo po podobnem principu. Tudi tam so stolpci in vrstice s celicami, vendar se lahko HTML koda tabel na prvi pogled zdi neobičajna: tabele se ustvarjajo po vrsticah - najprej prva vrstica, nato druga in tako naprej.

Koda tabele ima strogo strukturo: glavni je oznaka table, znotraj katere morajo ležati oznake tr, ki ustvarjajo vrstice tabele, znotraj njih pa oznake td, ki ustvarjajo celice. Oznaka table ima lahko atribut border, ki nastavi obrobo tabeli in njenim celicam.

Za primer naredimo tabelo s tremi vrsticami in tremi celicami v vsaki vrstici:

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

Результат: