Rad sa tabelama u HTML-u

Sada ćemo naučiti kako da pravimo tabele u HTML-u. Mislim da znate šta je to tabela u običnom životu - to je skup redova i kolona, na čijem se preseku nalaze ćelije.

U HTML-u se tabele kreiraju po sličnom principu. Tamo takođe postoje kolone i redovi sa ćelijama, međutim HTML kod tabela na prvi pogled može izgledati neobično: tabele se kreiraju po redovima - prvo prvi red, pa drugi i tako dalje.

Kod tabele ima strogu strukturu: glavni je tag table, unutar kojeg moraju da stoje tagovi tr, koji kreiraju redove tabele, a unutar njih - tagovi td, koji kreiraju ćelije. Tag table može imati atribut border, koji postavlja granicu tabeli i njenim ćelijama.

Hajde da za primer napravimo tabelu sa tri reda i tri ćelije u svakom redu:

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

Результат: