Vypracoval: Ing. Juraj Palásthy


 

Tabuľka nám umožňuje podstatne sprehľadniť stránku a vložiť na ňu skupinu prehľadne usporiadaných údajov. Na vytvorenie tabuľky používame osobitné párové značky – tagy:

 

- začiatok tabuľky

TH = table head

- table row – riadok tabuľky TR = table row

- koniec údaja v tabuľke

vložíme toľko do riadku, koľko chceme mať v tabuľke stĺpcov

 

 

Riadok bude mať toľko údajov, koľko párov tagov

je medzi tagmi

 

- koniec riadku tabuľky

- definuje hlavičku tabuľky a jej parametre
- údaj tabuľky TD = table data

a
- koniec tabuľky

 

 

Všetky editačné značky – tagy sú párové. To znamená, že čo sa medzi značky umiestni to považuje prehliadač za súčasť tej časti tabuľky, ktorú konkrétne značky vymedzujú. Čiže ak sú napríklad tri páry značky a , potom má tabuľka 3 dátové stĺpce. Tak isto môžeme povedať, že koľko je medzi tagmi

párov tagov a , toľko má tabuľka riadkov.

 

Na to, aby tabuľka bola naozaj tabuľkou, treba ju orámovať. Na to používame parameter Border. Tento nám vykreslí ohraničenia okolo jednotlivých buniek tabuľky. Ak tag Border nepoužijeme nezobrazí sa nám orámovanie tabuľky. Ďalšími tagom pomocou, ktorého orámujeme tabuľku je Bordercolor=“farba“ – nastaví sa farba ohraničenia tabuľky. Potom môžeme ešte nastaviť to či chceme, aby farba bola tmavá, alebo bledá.

 

Bordercolorlight=“farba“ bledá farba

Bordercolordark=“farba“ tmavá farba

 

 

Na vloženie centrálneho nadpisu tabuľky používame párovú značku – tag

. Na zvýraznenie nadpisu stĺpca používame párovú značku . Použitím týchto tagov dokážeme vytvoriť celkom zaujímavé tabuľky.

Počítaču nedáme vedieť koľko bude mať tabuľka riadkov a stĺpcov. Internetový prehliadač si načíta všetky údaje definujúce tabuľku. Spočíta počet riadkov a počet stĺpcov. Tie si potom spracuje v pamäti a nám zobrazí výslednú tabuľku.

Ak potrebujeme do bunky v tabuľke vložiť pevnú medzeru robíme to tak, že použijeme  .

Pomocou osobitných atribútov dokážeme tabuľku sprehľadniť, zvýrazniť vybrané políčka, podľa potreby zarovnať text a spojiť viac buniek do jednej. Na to používame nasledovné tagy:

 

vzťahuje sa na celý riadok

text nadpisu
nadpis stĺpca
vzťahuje sa na údaj v bunke

 

 

Zarovnanie: left – vľavo, right – vpravo, center – na stred, justify na oba okraje

 

Bunky môžeme vzájomne spájať podľa týchto tagov:

 

- spájanie cez riadky

- spájanie cez stĺpce

 

Okrem spájania riadkov a stĺpcov môžeme tabuľku a jej časť podfarbiť.

 

- farba pozadia bunky

- farba pozadia tabuľky


 

 

Otázky:

  1. Na vytvorenie tabuľky používame párové alebo nepárové tagy?

  2. Koľko párov tagov TR musím vložiť do tabuľky, ak chce aby mala 5 riadkov?

  3. Koľko párov tagov TD musím vložiť do tabuľky ak chcem aby mala 7 stĺpcov?

  4. Ktorým príkazom môžem podfarbiť celú tabuľku?

  5. Ktorým príkazom môžem spojiť viac buniek tabuľky do jednej?



Informácie
  • Zobrazení: 5503
  • Typ: post
  • Hodnotenie: 1257

© 2026 Detiamy Portály. Všetky práva vyhradené.