Tabele

<table>
  <thead>
    <tr>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Elementy tabeli

table
Całość tabeli, najbardziej zewnętrzny element
thead
Table head: nagłówek tabeli
tbody
Table body: treść tabeli
tr
Table row: rząd tabeli
th
Table header: pojedyncza komórka nagłówka
td
Table data cell: Komórka tabeli
tfoot
Table footer: Stopka tabeli
caption
Opis tabeli

Przykładowa tabela

<table>

  <caption>Train schedule</caption>

  <thead>
    <tr>
      <th>Train number</th>
      <th>Route</th>
      <th>Time</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>666</td>
      <td>Łódź - Hel</td>
      <td>23</td>
    </tr>
    <tr>
      <td>2137</td>
      <td>Szczecin - Przemyśl</td>
      <td>3</td>
    </tr>
    <tr>
      <td>23</td>
      <td>Poznań - Berlin</td>
      <td>3</td>
    </tr>
    <tr>
      <td>262</td>
      <td>Paryż - Istambuł</td>
      <td>144</td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <td align="center" colspan="3">® PKP Intercity</td>
    </tr>
  </tfoot>
</table>
Train schedule
Train number Route Time
666 Łódź - Hel 23
2137 Szczecin - Przemyśl 3
23 Poznań - Berlin 3
262 Paryż - Istambuł 144
® PKP Intercity

Łączenie komórek, czyli rowspan i colspan

<table>
  <thead>
    <tr>
      <th rowspan="2">Usługa w chmurze</th>
      <th colspan="3">Użycie</th>
    </tr>
    <tr>
      <th>Użytkownicy</th>
      <th>Odwiedzenia</th>
      <th>Rozmiar</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Google</td>
      <td>12000</td>
      <td>307000</td>
      <td>1000 Tb</td>
    </tr>
    <tr>
      <td>Amazon</td>
      <td>9000</td>
      <td>200500</td>
      <td>800 Tb</td>
    </tr>
  </tbody>
</table>
Usługa w chmurze Użycie
Użytkownicy Odwiedzenia Rozmiar
Google 12000 307000 1000 Tb
Amazon 9000 200500 800 Tb