A | B | C | D | E | F | G | H | CH | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
|
Pomoc:Obsah |
Tabuľky slúžia na prehľadné zhrnutie informácií, ktoré spolu sémanticky súvisia. Mali by sa používať v prípade, keď je potrebné dáta nejakým spôsobom zoradiť, napríklad podľa roku, či abecedy.
Tabuľky sú komplikovanejšie ako jednoduchý text a mali by sa preto používať len v odôvodnených prípadoch. Pred použitím tabuľky sa uisti, či sa informácie, ktoré chceš čitateľom poskytnúť, nedajú zhrnúť v zozname.
Základy
Každá tabuľka vo wikipédii sa začína zloženou zátvorkou {, za ktorou nasleduje zvislá čiara | a končí sa zvislou čiarou | a zloženou zátvorkou }. Zvislá čiara tvorí tiež začiatok každého nového riadku tabuľky.
Jednoduché tabuľky
Každý riadok tabuľky sa začína zvislou čiarou |. Za ňou nasleduje buď obsah bunky, alebo atribúty (napr. rowspann - pozri ďalej).
Kód tabuľky zloženej z dvoch stĺpcov a jedného riadka vyzerá nasledovne:
| Kód | Výsledok | ||
|---|---|---|---|
{| |
|
Upozornenie:
{| |Samostatná bunka |}
sa nedá použiť!
Tabuľky s viacerými riadkami
V článkoch však budeme samozrejme potrebovať viacriadkové tabuľky. Začiatok nového riadka vyznačujeme zvislou čiarou a pomlčkou |-.
| Kód | Výsledok | ||||
|---|---|---|---|---|---|
|
{| |
|
Kód trojriadkovej tabuľky môže vyzerať takto:
{|
|Bunka 1
|Bunka 2
|-
|Bunka 3
|Bunka 4
|-
|Bunka 5
|Bunka 6
|}
A tabuľka potom vyzerá takto:
| Bunka 1 | Bunka 2 |
| Bunka 3 | Bunka 4 |
| Bunka 5 | Bunka 6 |
Kód sa dá napísať aj ekonomickejšie ak bunky oddelíme dvoma zvislými čiarami ||:
{|
|Bunka 1||Bunka 2
|-
|Bunka 3||Bunka 4
|-
|Bunka 5||Bunka 6
|}
Zložité tabuľky
Orámovanie
Naše tabuľky doteraz neboli orámované. Druh orámovania tabuľky určíme už v prvom riadku kódu (hneď za {|). Hrúbku rámčeku stanovíme parametrom border="x", pričom x určí hrúbku orámovania.
Kód predošlého príkladu s orámovaním vyzerá takto:
{| border="1"
|Bunka 1
|Bunka 2
|-
|Bunka 3
|Bunka 4
|-
|Bunka 5
|Bunka 6
|}
a vyzerá takto:
| Bunka 1 | Bunka 2 |
| Bunka 3 | Bunka 4 |
| Bunka 5 | Bunka 6 |
S parametrom border="3" bude vyzerať takto:
| Bunka 1 | Bunka 2 |
| Bunka 3 | Bunka 4 |
| Bunka 5 | Bunka 6 |
Hlavička tabuľky
Hlavičku v tabuľke dosiahneme tak, že začiatok tých buniek, ktoré majú tvoriť hlavičku, označíme namiesto "|" s "!":
| Kód | Výsledok | ||||||||
|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
Rowspanning a Colspanning
Vo Wiki-syntaxi sa dá dosiahnuť podobný výsledok ako pri kódovaní v jazyku HTML. Aj tu sa môže bunka rozprestierať cez niekoľko riadkov či stĺpcov. Na to nám slúžia rowspan a colspan. Pri písaní kódu tabuľky najprv uvedieme atribúty tabuľky a následne jej obsah.
Kód tabuľky obsahujúcej jednu bunku rozprestierajúcu sa cez dva stĺpce vyzerá takto:
| Kód | Výsledok | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" |
| |||||||||
Prázdne bunky v orámovanej tabuľke
Prázdne bunky nie sú v tabuľke orámované. V prípade, že chceme mať orámované aj prázdne bunky, musíme namiesto obsahu bunky zadať HTML kód . Za normálnych okolností vyzerá tabuľka s prázdnymi bunkami takto:
| bez | |||
|---|---|---|---|
| Bunka 1 | Bunka 2 | ||
| Bunka 9 | Bunka 12 | ||
| Bunka 13 | Bunka 14 | Bunka 15 | Bunka 16 |
Tá istá tabuľka, ktorej obsah buniek predstavuje HTML kód:
{| border="1"
!colspan="4" align="center"|'Nadpis'
|-
| Bunka 1
| Bunka 2
|
|
|-
|
|
|
|
|-
| Bunka 9
|
|
| Bunka 12
|-
| Bunka 13
| Bunka 14
| Bunka 15
| Bunka 16
|}
a vyzerá takto:
| s | |||
|---|---|---|---|
| Bunka 1 | Bunka 2 | ||
| Bunka 9 | Bunka 12 | ||
| Bunka 13 | Bunka 14 | Bunka 15 | Bunka 16 |
Tabuľka v tabuľke
V článkoch Wikipédie je možné tvoriť aj tabuľky v tabuľke. Stačí vložiť ďalšiu zloženú zátvorku a zvislú čiaru. Vo vloženej tabuľke však netvorí začiatok riadka zvislá čiara. Kód takejto "dvojtabuľky" vyzerá takto:
{| border="1"
|Bunka 1
|
{| border="2"
|Bunka A
|-
|Bunka B
|}
|Bunka 3
|}
a výsledok je takýto:
| Bunka 1 |
|
Bunka 3 |
Názov tabuľky
Vo Wikipédii je tiež možné dať tabuľke názov. Popisok je automaticky vycentrovaný a jeho maximálna šírka je zhodná so šírkou tabuľky. Ak je názov tabuľky dlhší, zobrazí sa zalomený do viacerých riadkov. Pre použitie názvu stačí zadať po zvislej čiare + a následne text názvu. Text sa dá ľubovoľne formátovať pomocou Wiki syntaxe.
Kód pomenovanej tabuľky vyzerá takto:
| Kód | Výsledok | ||||
|---|---|---|---|---|---|
|
{| border="1" |
|
Formátovanie tabuľky
Tabuľky môžu byť farebné, môžu mať rôzne druhy orámovania, bunky môžu byť rôzne široké a pod. Vo Wikipédii formátujeme tabuľky pomocou CSS.
Šírka stĺpcov
Širku stĺpcov môžeme naformátovať relatívne alebo absolútne. Formát stačí zadať pri prvej bunke každého stĺpca.
| Kód | Výsledok | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" |
| ||||||
{| border="1" |
|
Odstup medzi bunkami pomocou cellspacing a cellpadding
Pomocou cellspacing môžeme stanoviť vzdialenosť medzi bunkami. Čím vyššiu hodnotu zadáme, tým bude priestor medzi bunkami širší. Cellpadding zasa určuje vzdialenosť obsahu bunky od jej rámčeka.
| Kód | Výsledok | ||||||
|---|---|---|---|---|---|---|---|
|
{| |
| ||||||
|
{| border="1" |
| ||||||
{| border="1" cellspacing="10" cellpadding="0" |
| ||||||
|
{| border="1" cellspacing="0" cellpadding="10" |
| ||||||
|
{| border="1" cellspacing="10" cellpadding="10" |
| ||||||
{| border="1" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" |
|
Zarovnanie textu
Obsah jednotlivých buniek môžeme ľubovoľne zarovnávať. Môžeme zarovnať obsah jednotlivých buniek, ale aj celých riadkov. Na zarovnanie textu v riadkoch nám slúži atribút valign a na zarovnanie textu v bunke zasa align.