Wikipédia:Hogyan használd a táblázatokat?

A Wikipédiából, a szabad enciklopédiából.

Ezen az oldalon egy technikai leírást olvashatsz a Wikipédia szerkesztéséről. Tartsd szem előtt, hogy nem minden ajánlott, ami technikailag megvalósítható!

Tudnivalók

Rövidítése:
WP:TÁ

Ez a lap összefoglalót ad arról, hogyan érdemes használni a táblázatokat.

[szerkesztés] Használata

A táblázatokat a Wikipédia saját jelölőnyelvével érdemes írni, mert az jobban áttekinthető, mint a HTML forma.

[szerkesztés] Tábla kezdete és vége

A tábla kezdete:

 {|  paraméterek

A tábla vége:

|}

Ezek a formák a <TABLE paraméterek> és a </TABLE> HTML kódot eredményezik.

[szerkesztés] Tábla sorok

Egy tábla sor formája:

|cella
|cella
|cella

vagy tömörebb formában:

|cella||cella||cella

Lehetséges a celláknak is paramétereket (formátumozást) adni az alábbi módon:

|paraméter|cella
|paraméter|cella

vagy:

|param|cella||param|cella

[szerkesztés] Tábla fejlécek

Ezek megegyeznek a sorokkal, csak a kezdő "|" és az elválasztó "||" jelek helyett "!" és "!!" jeleket kell használni. A paraméterek utáni "|" megmarad!

!fej!!fej!!fej
!param|fej!!param|fej

[szerkesztés] Táblacím

A táblacím a

|+táblacím és elnevezés

vagy

|+paraméterek|táblacím

formában szerepelhet.

[szerkesztés] Példák

[szerkesztés] Egyszerű tábla

 {| 
 | 1. sor, 1. oszlop 
 | 1. sor, 2. oszlop
 |- 
 | 2. sor, 1. oszlop 
 | 2. sor, 2. oszlop 
 |}

1. sor, 1. oszlop	1. sor, 2. oszlop
2. sor, 1. oszlop	2. sor, 2. oszlop

[szerkesztés] A tábla egészének jobbraigazítása, sorok és oszlopok összecsatolása

 {| align="right" border="1"
 | 1. sor, 1. oszlop 
 |rowspan="2"| (1. és 2.) sor, 2. oszlop
 | 1. sor, 3. oszlop
 |- 
 | 2. sor, 1. oszlop
 | 2. sor, 3. oszlop
 |}

1. sor, 1. oszlop	(1. és 2.) sor, 2. oszlop	1. sor, 3. oszlop
2. sor, 1. oszlop	(1. és 2.) sor, 2. oszlop	2. sor, 3. oszlop

A fejlécben be van állítva a jobbra rendezés és az 1 pont széles keret. A rowspan="2" paramétermegadás révén két sor (angolul row) egymás fölött levő cellái összeolvadnak egy cellává. Három sorral ugyanezt a rowspan="3" paramétermegadás tenné, és így tovább. A paramétert mindig a magasabban levő sorban kell beállítani.

Ha egy sorban fekvő egymás melletti cellákat szeretnénk egyesíteni, használjuk a colspan="2" paramétermegadást! Ezt mindig a balrább lévő cellánál kell megtenni.

[szerkesztés] Széptáblázat sablon használata

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

[szerkesztés] Vegyes fejléc és normál cellák

 {| border="1" cellspacing="0"
 ! 
 ! oszlop fejléc 1 
 ! of2 
 |-
 ! sor fejléc 1
 | abc def ghi 
 |   gchf ghh dfgh
 |-
 ! sf2
 | gfbb gbgbds 
 |    dfgsdsdg
 |}

	oszlop fejléc 1	of2
sor fejléc 1	abc def ghi	gchf ghh dfgh
sf2	gfbb gbgbds	dfgsdsdg

[szerkesztés] Egy gyakorlatias példa

{|border=2 cellpadding="4" style="background:SeaShell;text-align:right;"
|+Lóállomány Bánban 1896-ban (db)
|-style="background:AntiqueWhite;"
!
!0-1 év!!1-2 év!!2-3 év!!3év felett!!3-4 év!!4 év felett!! Összesen
|-
!style="background:AntiqueWhite;text-align:center;"|mén
||16||7||3||2||-||-
!style="background:AntiqueWhite;"|28
|-
!style="background:AntiqueWhite;text-align:center;"|kanca
||30||15||18||-||16||225
!style="background:AntiqueWhite;"|304
|-
!style="background:AntiqueWhite;text-align:center;"|herélt
||5||4||5||-||5||199
!style="background:AntiqueWhite;"|218
|-style="background:AntiqueWhite;"
!|Összesen||51||26||26||2||21||424||550
|}

Lóállomány Bánban 1896-ban (db)
	0-1 év	1-2 év	2-3 év	3év felett	3-4 év	4 év felett	Összesen
mén	16	7	3	2	-	-	28
kanca	30	15	18	-	16	225	304
herélt	5	4	5	-	5	199	218
Összesen	51	26	26	2	21	424	550

[szerkesztés] Az oszlopok szélessége: width

{|border=2 cellpadding="4" style="background:SeaShell;text-align:right;"
|+Lóállomány Bánban 1896-ban (db)
|-
!width="20%"| 
!width="10%"|0-1 év
!width="10%"|1-2 év
!width="10%"|2-3 év
!width="10%"|3év felett
!width="10%"|3-4 év
!width="10%"|4 év felett
!width="20%"| Összesen
|-
!style="text-align:center;"|mén
||16||7||3||2||-||-
!|28
|-
!style="text-align:center;"|kanca
||30||15||18||-||16||225
!|304
|-
!style="text-align:center;"|herélt
||5||4||5||-||5||199
!|218
|-
!|Összesen||51||26||26||2||21||424||550
|}

Lóállomány Bánban 1896-ban (db)
	0-1 év	1-2 év	2-3 év	3év felett	3-4 év	4 év felett	Összesen
mén	16	7	3	2	-	-	28
kanca	30	15	18	-	16	225	304
herélt	5	4	5	-	5	199	218
Összesen	51	26	26	2	21	424	550

[szerkesztés] Keretezés: border="1", "2", ...

border="1"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="2"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="3"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="4"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="5"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="6"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="7"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="8"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

[szerkesztés] Színes egymásba ágyazott táblák

 {| border="1"
 | szöveg
 |
 {|
 |bgcolor="#abcdef" border="2"|Beágyazott
 |-
 |bgcolor="#FF0000" border="2"|tábla
 |}
 |megint az eredeti tábla
 |}

szöveg

Beágyazott

tábla

megint az eredeti tábla

[szerkesztés] Színes háttér

Az egyes színek kódolásáról bővebben olvashatsz itt!

 {| border="7"
 | 1. cella || 2. cella
 |- bgcolor="#abcdef"
 | 3. cella || 4. cella
 |}

1. cella	2. cella
3. cella	4. cella

[szerkesztés] Betűszínek

 {| border="7"
 | 1. cella || 2. cella
 |- style="color:red"
 | 3. cella || 4. cella
 |}

1. cella	2. cella
3. cella	4. cella

[szerkesztés] A szöveg jobbra-/balra-/középreigazítása

{|border=1 style="width:80%; clear:both; background-color:#FFFFF0; color:#696; height:600px;"
|-
|style="vertical-align:top; text-align:right; width:20%;" | Jobb <br>fölső<br>sarok
|style="vertical-align:bottom;"| Ne légy szeles.<br>Bár munkádon más keres<br>Dolgozni csak pontosan, szépen,<br>ahogy a csillag megy az égen,<br>úgy érdemes.
|-style="vertical-align:middle;text-align:right;color:#30C"
|| középen <br>jobbra
|| Ez a formázás<br>az egész sorra<br>vonatkozott
|-
|style="vertical-align:top;"| fent<br>balra
|style="vertical-align:bottom;text-align:left;color:#f3c;" | Ne légy szeles.<br>Bár munkádon más keres<br>Dolgozni csak pontosan, szépen,<br>ahogy a csillag megy az égen,<br>úgy érdemes.
|}
{|style="width:80%; clear:both; background-color:#FFFFF0; color:#000000;"
|-
|style="text-align:left"| <small>Ez egy szöveg</small>
|style="text-align:right"| <small>[[Wikipédia:Homokozó|ez egy link]]</small>
|}

Jobb fölső sarok	Ne légy szeles. Bár munkádon más keres Dolgozni csak pontosan, szépen, ahogy a csillag megy az égen, úgy érdemes.
középen jobbra	Ez a formázás az egész sorra vonatkozott
fent balra	Ne légy szeles. Bár munkádon más keres Dolgozni csak pontosan, szépen, ahogy a csillag megy az égen, úgy érdemes.

Ez egy szöveg

ez egy link

[szerkesztés] Színek, rowspan, colspan

{|border=1 style="width:40%; float:right; clear:right; background:AntiqueWhite; color:#000000"
|+ Példatáblázat színre, rowspan-ra és colspan-ra
|-
|colspan=2 style="background:red;"|colspan=2
!|szöveg1szöveg1szöveg1
!|szöveg2
|-
||szöveg3szöveg3szöveg3
||szöveg4
||szöveg5
|rowspan=3 style="background:green;"|rowspan=3
|-
||szöveg6
||szöveg7
||szöveg8
|-
||szöveg9szöveg9
||szöveg10szöveg10
||szöveg11szöveg11
|-style="background:Yellow;color:#3f8;"
|| 
|| 
||szöveg12
|| 
|-
|rowspan=3 colspan=2 style="color:Orange;text-align:right;vertical-align:bottom;"|rowspan=3 colspan=2
||szöveg13
||szöveg14
|-
||szöveg15
||szöveg16
|-
||szöveg17
||szöveg18
|}{{-}}

Példatáblázat színre, rowspan-ra és colspan-ra
colspan=2		szöveg1szöveg1szöveg1	szöveg2
szöveg3szöveg3szöveg3	szöveg4	szöveg5	rowspan=3
szöveg6	szöveg7	szöveg8
szöveg9szöveg9	szöveg10szöveg10	szöveg11szöveg11
		szöveg12
rowspan=3 colspan=2		szöveg13	szöveg14
		szöveg15	szöveg16
		szöveg17	szöveg18

[szerkesztés] Vonalazás: rules=rows

{|rules=rows border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|}

demo
9	kilenc
11	tizenegy
12	tizenkettő

[szerkesztés] Csak oszlopok: rules=cols

{|rules=cols border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|}

demo
9	kilenc
11	tizenegy
12	tizenkettő

[szerkesztés] Rendezhető táblázat

{|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 <font color=white>0</font> megoldással láthatatlan 0-kat tehetünk a számok elé, hogy mindegyik ugyanannyi jegyből álljon, így a sima betűrendes rendezés is a számértéknek megfelelő sorrendet fog kiadni.

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 karaktert tehetünk be ezek elé láthatatlanul (fehér színnel), amelynek 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.

[szerkesztés] Táblázat átalakítása kinyithatóvá

Ahhoz, hogy a táblázat nyitható és csukható legyen, a következő átalakítást végezthetjük el a nagyméretű táblázatokon:

1. Az eddigi táblázat elé kerül:

<div style="clear:both;" class="NavFrame">     
<div class="NavHead"><small>A táblázat a baloldai szövegre kattintva nyitható/csukható</small></div>   
<div class="NavContent">

2. A táblázatban megszűnik az eddigi címsor, tehát nincs már „|+”

3. A kinyitható táblázat lezárása következik ezután:

</div>
</div>

Példák kinyitható táblázatra a →ebben a cikkben találhatóak.

Kategóriák: Technikai útmutatók | Segítség

See also ebooksgratis.com: no banners, no cookies, totally FREE.