Práca s tabuľkami v HTML

Teraz sa naučíme robiť tabuľky v HTML. Myslím, že si viete predstaviť, čo je to tabuľka v bežnom živote - je to súbor riadkov a stĺpcov, na ktorých priesečníku sa nachádzajú bunky.

V HTML sa tabuľky vytvárajú podľa podobného princípu. Tiež tam sú stĺpce a riadky s bunkami, avšak HTML kód tabuliek pri prvom pohľade môže vyzerať nezvyčajne: tabuľky sa vytvárajú po radoch - najprv prvý rad, potom druhý a tak ďalej.

Kód tabuľky má pevnú štruktúru: hlavným je tag table, vnútri ktorého musia ležať tagy tr, ktoré vytvárajú rady tabuľky, a vnútri nich - tagy td, ktoré vytvárajú bunky. Tag table môže mať atribút border, ktorý nastavuje rámček tabuľke a jej bunkám.

Urobme pre príklad tabuľku s tromi radmi a tromi bunkami v každom rade:

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

Результат: