1. Tabela
   <table>
   </table>

2. Wiersz
   <tr> </tr>
   
   <table>
   <tr> </tr>
   <tr> </tr>
   <tr> </tr>
   </table>

3. Komórki (kolumny w wierszach)
   <td> </td>
   
   <table>
   <tr> <td> </td><td> </td><td> </td></tr>
   <tr> <td> </td><td> </td><td> </td></tr>
   <tr> <td> </td><td> </td><td> </td></tr>
   </table>

4. Obramowanie
   <table border="grubość"> </table>
   <table border="6"> </table>

5. Odległości miedzy komórkami
   <table border cellspacing="odległość między komórkami"> </table>
   
   <table border cellspacing="8"> </table>

6. Odstęp między zawartością komórki a jej obramowaniem (margines)
   <table cellpadding="odstęp"> </table>
   
   <table border cellspacing="5" cellpadding="15"> </table>

7. Definiowanie szerokości tabeli
   <table border width="szerokość"> </table>

1. W pixelach
   <table border width="600"> </table>

2. Wartość procentowa
   <table border width="50%"> </table>

8. Szerokość komórki - kiedyś „width”, obecnie style
   
   <td style="width: 150px; ">zawartość komórki</td>
   <td style="width: 50%; ">zawartość komórki</td>

9. Wyrównywanie tabeli
   Kiedyś:
   <table align="right"></table>
   
   Obecnie:
   <table style="float:right; "></table>

10. Poziome wyrównanie danych wewnątrz komórek
    <td align="left"> </td>
    <td align="center"> </td>
    <td align="right"> </td>
    
    lub
    <td style="text-align: left; "> </td>
    <td style="text-align: center; "> </td>
    <td style="text-align: right; "> </td>

11. Wysokość tabeli
    <table style="height: 200px; width: 60%; ">

12. Pionowe wyrównanie danych w komórkach
    <td valign="top"> </td>
    <td valign="middle"> </td>
    <td valign="bottom"> </td>

13. Tło tabeli
    <table style="background-color: red">
    <tr style="background-color: beige">
    <td style="background-color: green">
    
    <table style="background-image: url(adres_obrazka)">
    <table style="background-image: url(grafika/canvas2.gif)">

14. Tytuł tabeli
    <table>
    <caption>Tytuł tabeli</caption>
    
    <caption style="caption-side: top; ">Tytuł tabeli</caption>
    <caption style="caption-side: bottom; ">Tytuł tabeli</caption>

15. Nagłówki wierszy i kolumn
    <th> </th>
    
    <table>
    <tr>
    <th>2000</th> <th>2001</th><th>2002</th> <th>2003</th> <th>2004</th>
    </tr>
    <tr style="text-align:center">
    <td>5</td><td>6</td><td>9</td><td>4</td><td>10</td>
    </tr>
    </table>
    
    <table>
    <tr>
    <td></td><th>2000</th> <th>2001</th><th>2002</th> <th>2003</th>
    </tr>
    <tr style="text-align:center">
    <th>IIIA</th> <td>5</td><td>6</td><td>9</td><td>4</td>
    </tr>
    <tr style="text-align:center">
    <th>IIIB</th> <td>6</td><td>3</td><td>8</td><td>11</td>
    </tr>
    </table>

16. Łączenie komórek
    <td rowspan="x">
    <td colspan="x">
    
    <tr style="text-align:center">
    <th>IIIB</th> <td colspan="2">6</td><td>8</td><td>11</td>
    </tr>
    
    <table>
    <tr>
    <td></td><th>2000</th> <th>2001</th><th>2002</th> <th>2003</th>
    </tr>
    <tr style="text-align:center">
    <th>IIIA</th> <td rowspan="2">5</td><td>6</td><td>9</td><td>4</td>
    </tr>
    <tr style="text-align:center">
    <th>IIIB</th> <td>3</td><td>8</td><td>11</td>
    </tr>
    </table>

17. Zagnieżdżanie tabel
    W wybranej komórce (<td> </td>) wpisujemy pełny kod nowej tabeli.

---