e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

<table> ... </table>

Atributi: border | cellpadding | cellspacing | class | dir | frame | id | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | rules | style | summary | title | width | xml:lang
Starši: blockquote | body | button | dd | del | div | fieldset | form | ins | li | map | noscript | object | td | th
Otroci: caption | col | colgroup | tbody | tfoot | thead | tr

Element table se uporablja za izdelavo tabel. Tabele v HTML nam omogočajo razporeditev drugih elementov (besedila, slik, seznamov, tabel ...) v obliki vrstic in stolpcev.

Vsaka tabela se začne z <table summary="naslov"> in konča z </table>.

Tabela je razdeljena na vrstice (označujemo jih z <tr>), in na celice (označujemo jih z <td>). Črki td pomenita "table data", ki pa je lahko v obliki besedila, slike, seznama, obrazca, itd.

Z uporabo tabel je mogoče razporediti elemente (besedilo, slike, obrazce) na razna mesta na spletni strani. Z vpeljavo elementa div in pozicioniranjem v CSS se je potreba po tabelah nekoliko zmanjšala.

Tabla XHTML je lahko sestavljena po vrstnem redu iz:

  1. glave thead
  2. noge tfoot
  3. telesa tbody

Značka <table> ima nekaj pomembnih atributov:

width Širina tabele (v pikah ali procentih)
border debelina (v pikah)
cellspacing prazen prostor med celicami tabele (v pikah)
cellpadding prazen prostor ob robovih v notranjosti celic (v pikah)
summary Obvezna je navedba opisa za uporabnike, ki nimajo grafičnih brsklanikov.

Prazne celice

V večini brskalnikov prazne celice niso prikazane najbolje, zato uporabljamo za vsebino prazne celice simbol za nedeljiv presledek non-breaking space: &nbsp;. Simbol za ta znak (entiteto) je narejen iz &, ki stoji pred nbsp in ; ki stoji za njim.

Primer

<table summary="navadna tabela">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

→ Primer enostavne tabele
→ Primer tabele z obrobo
→ Primer tabele z odmiki v celicah
→ Primer tabele z razmiki med celicami
→ Primer tabele z določeno širino
→ Primer tabele s prazno celico

gor Gor     e-gradiva     HTML     ABC     primeri     naprej dd   thead naprej

SERŠ Maribor : Strokovna gimnazija : 2004 : Simon Plantak