37.

Tabele in naslovi


V tabeli lahko določimo glavno vrstico – to je vrstica z naslovi posameznih stolpcev.

Živali Rastline
pes marjetica

Tukaj je koda.
Če prostora med celicami ne želimo, moramo v kodi CSS dopisati:

<table>
<tr>
<th scope="col">Živali</th>
<th scope="col">Rastline</th>
</tr>
<tr>
<td>pes</td>
<td>marjetica</td>
</tr>
</table>


Začnemo tako, da ustvarimo vrstico, kot bi jo za običajna polja. Nato uporabimo ukaz <th> (table heading ali naslov tabele). Dodamo še ukaz scope="col", ki brskalniku pove, da želimo naslove na vrhu stolpcev.

Kaj pa, če želimo naslove v vrsticah?

Živali pes
Rastline marjetica

Potem bi napisali spodnjo kodo:

<table>
<tr>
<th scope="row">Živali</th>
<td>pes</td>
</tr>
<tr>
<th scope="row">Rastline</th>
<td>marjetica</td>
</tr>
</table>


Naslove v vrsticah določimo z ukazom scope="row".