7. Tabulka

Tabulka dobře poslouží k zarovnání částí textu na stránce.
Přitom okraje buněk tabulky mohou a nemusí být viditelné.

Tabulka se však nepoužívá k rozmístění bloků na stránce.

Tabulka začíná a končí párovým tagem <table> </table>.
Každý řádek tabulky začíná a končí párovým tagem <tr> </tr>.
Každá buňka na řádku začíná a končí párovým tagem <td> </td>.
Na všech řádcích musí být stejný počet buněk!

Vlastní obsah tabulky se píše dovnitř buněk, tj. mezi tagy <td> </td>.

Příklad tabulky, která má dva řádky se třemi buňkami (tři sloupce):

<table>
   <tr>
      <td> 1. buňka </td>
      <td> 2. buňka </td> 
      <td> 3. buňka </td> 
   </tr> 
   <tr>
      <td> 4. buňka </td>
      <td> 5. buňka </td> 
      <td> 6. buňka </td> 
   </tr>
</table>

Náhled této tabulky:

Pokud chceme, aby měla tabulka rámeček, zadáme tloušťku čáry v pixelech
pomocí atributu border: border ="1".

<table border="1">
   <tr>
      <td> 1. buňka </td>
      <td> 2. buňka </td> 
      <td> 3. buňka </td> 
   </tr> 
   <tr>
      <td> 4. buňka </td>
      <td> 5. buňka </td> 
      <td> 6. buňka </td> 
   </tr>
</table>

Náhled tabulky s okrajem 1 px: