HTML

Web o webu

Tabulky

Struktura tabulky

  • začátek a konec tabulky <table> </table>
  • začátek a konec řádku <tr> </tr>
  • začátek a konec buňky <td> </td>
  • začátek a konec buňky záhlaví <th> </th>

Tabulka se 2 řádky a 3 sloupci má následující strukturu:

<table>
  <tr>
    <td>1. buňka prvního řádku</td>
    <td>2. buňka prvního řádku</td>
    <td>3. buňka prvního řádku</td>
  </tr>
  <tr>
    <td>1. buňka druhého řádku</td>
    <td>2. buňka druhého řádku</td>
    <td>3. buňka druhého řádku</td>
  </tr>
</table>

Tabulka s prvním řádkem záhlaví a druhým řádkem normálních buněk:

<table>
  <tr>
    <th>1. buňka záhlaví</th>
    <th>2. buňka záhlaví</th>
    <th>3. buňka záhlaví</th>
  </tr>
  <tr>
    <td>1. buňka druhého řádku</td>
    <td>2. buňka druhého řádku</td>
    <td>3. buňka druhého řádku</td>
  </tr>
</table>

Sloučené buňky

Colspan a rowspan

<table>
  <tr>
    <th>1. buňka záhlaví</th>
    <th colspan="2">sloučená 2.-3. buňka záhlaví</th>
  </tr>
  <tr>
    <td>1. buňka druhého řádku</td>
    <td>2. buňka druhého řádku</td>
    <td>3. buňka druhého řádku</td>
  </tr>
</table>
<table>
  <tr>
    <th rowspan="2">sloučená buňka 1. a 2. řádku</th>
    <th>2. buňka záhlaví</th>
    <th>3. buňka záhlaví</th>
  </tr>
  <tr>
    <td>2. buňka druhého řádku</td>
    <td>3. buňka druhého řádku</td>
  </tr>
</table>