A táblázatokat a Wikipédiában kétféle módon lehetséges elkészíteni: HTML kóddal, vagy a Wikipedia saját jelölőnyelvével. Azonban szinte mindenhol az utóbbit használjuk, ugyanis ez sokkal rövidebb és átláthatóbb, mint a HTML változat. Ezen az oldalon ennek a jelölőnyelvnek a használatát ismerheted meg.
A különféle színezések használatakor kérjük, vedd figyelembe, hogy enciklopédiát írunk! A fölösleges és rikító színezéseket és keretvastagságokat kerülni kell. Szerkesztői lapon természetesen szabadon alkalmazható.
- Megjegyzés: az alábbi példákban egy sablont, nevezetesen a
{{Széptáblázat}}(?) nevűt alkalmazzuk a megértés megkönnyítésére. Részletesebben a sablon használatáról lásd lentebb.
Minden táblázat az alábbi két jel (négy karakter) közé ékelődik:
{|
|}
Magát a táblázatot a következőképpen lehet felépíteni: A |- jelek egy új sort jeleznek. Ezek alatt helyezkednek el annak az adott sornak a cellái (vagyis az oszlopok). A tartalom | jelek után következik.
Íme egy egyszerű példa:
| Kód |
Megjelenés |
{|
|-
| AAA
| BBB
|-
| CCC
| DDD
|}
|
|
Lehetőség van arra is, hogy a táblázatot egy címmel, illetve fejlécekkel lássuk el. Ezeknek igazából csak a formázás szempontjából van értelme. Cím készítése:
|+cím
Fejléc készítése:
!fejléc
| Kód |
Megjelenés |
{|
|+cím
!első fejléc
!második fejléc
|-
| AAA
| BBB
|-
| CCC
| DDD
|}
|
cím
| első fejléc |
második fejléc |
| AAA |
BBB |
| CCC |
DDD |
|
Paraméterek használata[szerkesztés]
- Megjegyzés: az alábbi példákban egy sablont, nevezetesen a
{{Széptáblázat}}(?) nevűt alkalmazzuk a megértés megkönnyítésére. Részletesebben a sablon használatáról lásd lentebb.
A táblázat minden elemének meg lehet adni egy vagy több paramétert. Ezekkel különféle módosításokat lehet elvégezni a kinézeten. A paraméterek megadása a következőképpen történik:
paraméternév="érték"
Az értéket nem kötelező idézőjelek közé tenni, de általában ajánlott, mert pl. ha az érték szóközt is tartalmaz, akkor a program rosszul értelmezi azt. Két paramétert szóközzel lehet elválasztani egymástól.
A paramétereket az alábbi módokon lehet megadni:
- a tábla egészére vonatkozólag:
{|paraméternév="érték"
|-paraméternév="érték"
|paraméternév="érték"| (tartalom)
!paraméternév="érték"| fejléc
- táblázatcímre vonatkozólag:
|+paraméternév="érték"| táblacím
Paraméter neve: width
| Lehetséges értékek |
Példa |
| a felhasználható terület adott százaléka |
50% |
| pixel (képpont) |
250px |
Megjegyzés: egy cella módosítása az oszlopban lévő összes többi cella szélességét is megváltoztatja.
| Kód |
Megjelenés |
{| width="100%"
|-
| AAA
| BBB
|}
|
|
{|
|-
|width="50px"| CCC
|width="100px"| DDD
|}
|
|
Paraméter neve: height
| Lehetséges értékek |
Példa |
| pixel (képpont) |
250px |
Megjegyzés: csak cellákon alkalmazható, de egy cella módosítása a sorban lévő összes többi cella magasságát is megváltoztatja.
| Kód |
Megjelenés |
{|
|-
|height="80px"| AAA
| BBB
|}
|
|
Sorok és oszlopok összekapcsolása[szerkesztés]
Több oszlop egyben
Paraméter neve: colspan
| Maximális érték |
Példa |
| oszlopok száma |
3 |
|
Több sor egyben
Paraméter neve: rowspan
| Maximális érték |
Példa |
| sorok száma |
3 |
|
| Kód |
Megjelenés |
{|
|-
|colspan="2"| AAA
|-
| CCC
| DDD
|}
|
|
{|
|-
|rowspan="2"| AAA
| BBB
|-
| DDD
|}
|
|
Horizontális igazítás[szerkesztés]
Paraméter neve: align
| Lehetséges értékek |
Magyarul |
| left |
balra (alapértelmezett) |
| right |
jobbra |
| center |
középre |
| justify |
sorkizárt |
| Kód |
Megjelenés |
{|width="250px" align="right"
|-
|align="center"| AAA
|align="right"| BBB
|}
|
|
A táblázat középre igazítása[szerkesztés]
| Kód |
Megjelenés |
{|width="250px" style="margin-left: auto; margin-right: auto;"
|-
|align="center"| AAA
|align="right"| BBB
|}
|
|
Paraméter neve: valign
| Lehetséges értékek |
Magyarul |
| top |
felülre |
| middle |
középre |
| bottom |
alulra |
| baseline |
minden betű alja (függetlenül méretétől) egy adott vonalra sorakozik fel |
| Kód |
Megjelenés |
{|
|-
|height="100px" width="100px"| AAA
|valign="top" width="100px"| BBB
|-
|valign="middle" height="100px"| CCC
|valign="bottom"| DDD
|}
|
|
Paraméter neve: bgcolor
| Lehetséges értékek |
Példa |
| # és egy hexadecimális színkód (lista itt) |
#FF0000 |
| szín angol neve (lista itt) |
blue |
| Kód |
Megjelenés |
{| width="100%"
|-bgcolor="Aqua"
| AAA
| BBB
|-
|bgcolor="green"| CCC
|bgcolor="#FF8C00"| DDD
|}
|
|
Paraméter neve: rules
| Lehetséges értékek |
Magyarul |
| rows |
sorok |
| cols |
oszlopok |
| Kód |
Megjelenés |
{|rules=rows border=1
|-
| AAA
| BBB
|-
| CCC
| DDD
|}
|
|
{|rules=cols border=1
|-
| AAA
| BBB
|-
| CCC
| DDD
|}
|
|
A style paraméter használata[szerkesztés]
A style paraméter lényege, hogy ún. Cascading Style Sheets (CSS) stílusdefiníciókat adhatunk hozzá a formázandó objektumhoz. Ezek megadása a következőképpen történik:
style="attribútum1: érték1; attribútum2: érték2;"
Az attribútum a módosítandó kívánt formázásnak az angol neve.
Attribútum neve: color
| Lehetséges értékek |
Példa |
| # és egy hexadecimális színkód (lista itt) |
#FF0000 |
| szín angol neve (lista itt) |
blue |
| Kód |
Megjelenés |
{|
|-
|style="color: red;"| AAA
|style="color: #FF00FF;"| BBB
|}
|
|
Attribútum neve: border-style
| Lehetséges értékek |
Magyarul |
| none |
nincs keret |
| solid |
sima vonal |
| dotted |
pontokból álló vonal |
| dashed |
szaggatott vonal |
| double |
dupla vonal |
| groove |
3D behúzott |
| ridge |
3D kihúzott |
| inset |
3D benyomott |
| outset |
3D kiemelt |
| Kód |
Megjelenés |
{|style="border-style: dotted;"
| AAA
|}
|
|
{|style="border-style: dashed;"
| BBB
|}
|
|
{|style="border-style: double;"
| CCC
|}
|
|
{|style="border-style: solid;"
| DDD
|}
|
|
Attribútum neve: border-width
| Lehetséges értékek |
Példa |
| 3 előre meghatározott vastagság |
thin (vékony), medium (közepes), thick (vastag) |
| pixel (képpont) |
5px |
Fontos: a megfelelő működéshez a border-style attribútumot is meg kell adni.
| Kód |
Megjelenés |
{|style="border-style: solid; border-width: thin;"
| AAA
|}
|
|
{|style="border-style: solid; border-width: 5px;"
| BBB
|}
|
|
Attribútum neve: border-color
| Lehetséges értékek |
Példa |
| # és egy hexadecimális színkód (lista itt) |
#FF0000 |
| szín angol neve (lista itt) |
blue |
Fontos: a megfelelő működéshez a border-style attribútumot is meg kell adni.
| Kód |
Megjelenés |
{|style="border-style: solid; border-color: SteelBlue;"
| AAA
|}
|
|
{|style="border-style: solid; border-color: #2E8B57;"
| BBB
|}
|
|
Keret minden tulajdonsága egyben[szerkesztés]
| Kód |
Megjelenés |
{|style="border:thick inset Magenta;"
| AAA
|}
|
|
{|style="border:5px outset #000080;"
| BBB
|}
|
|
Széptáblázat sablon használata[szerkesztés]
A táblázat első sorában használhatjuk a {{Széptáblázat}}(?) sablont, s ekkor egységesek lesznek a táblázataink.
{| {{széptáblázat}}
! oszlop fejléc 1
! oszlop fejléc 2
|-
| 1. sor, 1. oszlop
| 1. sor, 2. oszlop
|-
| 2. sor, 1. oszlop
| 2. sor, 2. oszlop
|}
| oszlop fejléc 1 |
oszlop fejléc 2 |
| 1. sor, 1. oszlop |
1. sor, 2. oszlop |
| 2. sor, 1. oszlop |
2. sor, 2. oszlop |
| Kód |
Megjelenés |
{|
|-
|AAA||BBB||CCC
|}
|
|
{|class="sortable" border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo1
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|-
||1 || egy
|}
| demo1 |
| 9 |
kilenc |
| 11 |
tizenegy |
| 12 |
tizenkettő |
| 1 |
egy |
{|class="sortable" border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
|+ demo2
!|számokkal||betűvel
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|-
||1 || egy
|}
demo2
| számokkal |
betűvel |
| 9 |
kilenc |
| 11 |
tizenegy |
| 12 |
tizenkettő |
| 1 |
egy |
Ha a számok mögé valamilyen egyéb jel vagy betű kerül (pl. lábjegyzet miatt), a rendezés nem fog megfelelően működni, mert a program figyelmen kívül hagyja a helyi értéket (a 100, 200, 1000 sorozat pl. 100, 1000, 200 formában lesz rendezve, mivel az 1 megelőzi a 2-est). Ha az adott egyéb jelet, betűt nem akarjuk eltávolítani, akkor a data-sort-value="eredeti szám" attribútummal (pl. | data-sort-value="1234" | 1234<ref>lábjegyzet</ref> formában), akkor az ott megadott számérték alapján rendez
Ha az oszlop némelyik cellájában a szám helyén valami egyéb jel szerepel (pl. kihúzás, kérdőjel), és azt szeretnénk, ha ezek a legkisebb értékű szám mögött állnának, akkor olyan rendezési kulcsot adjunk meg, ahol az első karakter kódja kisebb a 0-énál (l. ASCII). Tekintve, hogy számokról van szó, érdemes ilyenkor # számjelet tenni ezek elé, s egyúttal ez az egyik legalacsonyabb kódszámú karakter is.
További lehetőségekért lásd a m:Help:Sorting lapot (angol nyelvű).
Táblázat átalakítása kinyithatóvá[szerkesztés]
Ha a szócikkünkben található ! jellel készített fejrész, akkor a táblázatba egyszerűen be lehet illesztenünk az mw-collapsible CSS-osztályt, az alábbi módon (ha nem, akkor be kell szúrni egyet, ami a táblázat teljes szélességével egyenlő szélességű – ld. colspan):
{| class="mw-collapsible" style="width:300px;" border="1"
! Nyitható és csukható táblázat
|-
| táblázat tartalma
|}
| Nyitható és csukható táblázat |
| táblázat tartalma |
- A táblázat szélességét (300px, 100% stb.) mindenképpen meg kell adni, különben a táblázat csukott állapotban „összeugrik” a fejléc szélességére.
- Ha alaphelyzetben zárt táblázatot szeretnél, akkor a classhoz írd ezt:
mw-collapsible mw-collapsed.
- Szebb táblázat érhető el, ha a
wikitable collapsible osztályt használod.
Ha jobbra vagy balra csúsztatott keretben szeretnél valamit megírni, akkor ezt a DIV és a keretjobb / keretbal segítségével teheted meg.
<div class="keretjobb">Ha jobbra vagy balra csúsztatott keretben szeretnél valamit megírni, akkor ezt a DIV és a keretjobb / keretbal segítségével teheted meg.</div>
