Pomoc:Tabuľky
Z Wikipédie
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.
Obsah |
[upraviť] 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.
[upraviť] 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ť!
[upraviť] 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
|}
[upraviť] Zložité tabuľky
[upraviť] 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 |
[upraviť] 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" |
|
[upraviť] 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" |
|
|||||||||
[upraviť] 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 |
[upraviť] 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 |
[upraviť] 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" |
|
[upraviť] 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.
[upraviť] Ší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" |
|
[upraviť] 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;" |
|
[upraviť] 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.
| Kód | Výsledok | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" cellspacing="0" |
|
[upraviť] Iné formátovania
Wiki syntax nám umožňuje prevziať možnosti formátovania z jazyka HTML ako napríklad zafarbenie jednotlivých buniek prípadne rámčekov: (style="background:#ABCDEF", Tabuľka farieb).
| Kód | Výsledok | ||||
|---|---|---|---|---|---|
|
{| |
|
[upraviť] Externé odkazy
- ak máte hotovú tabuľku v html formáte môžte použiť na prevod z html formátu do wiki formátu tento kovertor (funguje len pre tabuľky) [1] pozor! nefunguje pre xhtml formát.
