„Segítség:Szerkesztés - Táblázatok” változatai közötti eltérés

A VIK Wikiből
Palotasb (vitalap | szerkesztései)
cleanup
 
(Egy közbenső módosítás, amit egy másik szerkesztő végzett, nincs mutatva)
4. sor: 4. sor:


== Szintaxis ==
== Szintaxis ==
 
Egy táblázat a következőképpen épül fel:
Egy táblázat a következőképpen épül fel.


# Egy <code><nowiki>{|</nowiki></code> jellel kezdődik egy '''táblázat''' új sor elején.
# Egy <code><nowiki>{|</nowiki></code> jellel kezdődik egy '''táblázat''' új sor elején.
13. sor: 12. sor:
##* Használható a <code><nowiki>style="..."</nowiki></code> attribútum további stílusok megadásához
##* Használható a <code><nowiki>style="..."</nowiki></code> attribútum további stílusok megadásához
##* Használható még a ''border'', ''cellspacing'', ''width'' és egyéb paraméterek is.
##* Használható még a ''border'', ''cellspacing'', ''width'' és egyéb paraméterek is.
# Új sorban egy <code><nowiki>|+</nowiki></code> jelet követően jöhet a '''táblázat összefoglalója''' (ritkán használjuk).
# Új sorban egy <code><nowiki>|+</nowiki></code> jelet követően jöhet a '''táblázat összefoglaló felirata''' (ritkán használjuk).
# Új sorban kezdődik minden '''táblázatsor''' a <code><nowiki>|+</nowiki></code> jellel.
# Új '''táblázatsor''' kezdhető a <code><nowiki>|-</nowiki></code> jellel.
## Opcionálisan követheti ugyanabban a sorban szóközzel elválasztva pár '''HTML-attribútum''', ami az egész sorra vonatkozik.
## Opcionálisan követheti ugyanabban a sorban szóközzel elválasztva pár '''HTML-attribútum''', ami az egész sorra vonatkozik.
# '''Táblázatcellák''' jöhetnek egymás után, amíg a sor véget nem ér.
# '''Táblázatcellák''' jöhetnek egymás után, amíg a sor véget nem ér.
## A '''címcellák''' új sorban <code>!</code> jellel kezdődnek vagy ugyanabban a sorban több darab <code>!!</code> jellel lehet egymástól elválasztva.
## A '''cím cellák''' új sorban <code>!</code> jellel kezdődnek vagy ugyanabban a sorban több darab <code>!!</code> jellel lehet egymástól elválasztva.
## A '''tartalomcellák''' új sorban <code>|</code> jellel kezdődnek vagy ugyanabban a sorban több darab <code>||</code> jellel lehet egymástól elválasztva.
## A '''tartalom cellák''' új sorban <code>|</code> jellel kezdődnek vagy ugyanabban a sorban több darab <code>||</code> jellel lehet egymástól elválasztva.
#* A cím- és tartalomcelláknak '''HMTL-attribútumokat''' lehet adni, ha a kezdőjel után írjuk őket, majd az attribútumok után a kezdőjelet egyszer megismételjük.
#* A cím- és tartalomcelláknak '''HMTL-attribútumokat''' lehet adni, ha a kezdőjel után írjuk őket, majd az attribútumok után még egy <code>|</code> jelet rakunk. (cím cellánál is)
#** Például <code>| style="color:red" | Piros cella || Új, sima cella</code>
#** Például <code>| style="color:red" | Piros cella || Új, sima cella</code>
#** Lehet használni a <code>colspan</code> és <code>rowspan</code> attribútumokat is cella összevonáshoz
#* A 4.1–4.2 pont tetszőleges sorrendben követheti egymást
#* A 4.1–4.2 pont tetszőleges sorrendben követheti egymást
# A 3–4. pontok tetszőlegesen ismételhetőek.
# A 3–4. pontok tetszőlegesen ismételhetőek.
# A táblázat a <code>|}</code> jellel végződik az utolsó cella után egy új soron.
# A táblázat a <code>|}</code> jellel végződik az utolsó cella után egy új soron.


<table class="wikitable">
{{Clr}}
<tr>
 
<td style="width: 50%">
== Üres táblázat, másolható kód ==
<pre style="font-size: x-small;"><nowiki>{| class="wikitable"  
 
<div style="float: right; width: 45%">
{| class="wikitable"
|+ Összefoglaló
|-  
|-  
! A
! A
41. sor: 44. sor:
| 5
| 5
| 6
| 6
|}</nowiki></pre>
|}
</td>
</div>
<td style="width: 50%">
 
{| class="wikitable"  
<pre style="font-size: x-small; width: 45%"><nowiki>{| class="wikitable" style="width: 45%; float: right;"
|+ Összefoglaló
|-  
|-  
! A
! A
57. sor: 61. sor:
| 5
| 5
| 6
| 6
|}
|}</nowiki></pre>
</td>
</tr>
</table>


== Példa ==
== Példa ==
A következő egy általános táblázat példa, fejléccel, három sorral és oszloppal, valamint egy összevont cellával.


A következő az általános példa egy táblázatra két sorral, fejléccel, és három oszloppal.
<div style="float: right; width: 45%">
<div style="float: right;">
{| class="wikitable sortable"
{| class="wikitable sortable"
|+ A félévem
|-
|-
! Tárgy
! Tárgy
72. sor: 74. sor:
! Érdemjegy
! Érdemjegy
|-
|-
| Matematika
| Fizika
| style="color: green;" | Van
| style="color: red;" | Nincs || style="color: red;" | -
| 5
|-
| Fizika || style="color: red;" | Nincs || style="color: red;" | -
|-
|-
| Programozás
| Programozás
| style="color: green;" | Van
| style="color: green;" rowspan=2 | Van
| 4
| 4
|-
| Matematika
<!-- Itt jelenik meg az összevont cella -->
| 5
|}
|}
</div>
</div>
<pre><nowiki>{| class="wikitable sortable"
<pre style="width: 45%"><nowiki>
{| class="wikitable sortable"
|+ A félévem
|-
|-
! Tárgy
! Tárgy
89. sor: 94. sor:
! Érdemjegy
! Érdemjegy
|-
|-
| Matematika
| Fizika
| style="color: green;" | Van
| style="color: red;" | Nincs || style="color: red;" | -
| 5
|-
| Fizika || style="color: red;" | Nincs || style="color: red;" | -
|-
|-
| Programozás
| Programozás
| style="color: green;" | Van
| style="color: green;" rowspan=2 | Van
| 4
| 4
|-
| Matematika
<!-- Itt jelenik meg az összevont cella -->
| 5
|}</nowiki></pre>
|}</nowiki></pre>

A lap jelenlegi, 2024. július 4., 19:16-kori változata

A táblázatok wikis szintaxisa elsőre bonyolultnak tűnhet, és bár a HTML-táblázatok használata is lehetséges, mégis inkább az előbbi ajánlott, mert később egyszerűen szerkeszthető.

Szintaxis

Egy táblázat a következőképpen épül fel:

  1. Egy {| jellel kezdődik egy táblázat új sor elején.
    1. Opcionálisan követheti ugyanabban a sorban szóközzel elválasztva pár HTML-attribútum.
      • Ajánlott attribútum a class="wikitable" a táblázat szép megformázásához.
      • Használható attribútum a class="wikitable sortable", hogy a táblázat különböző oszlopai szerint sorbarendezhető legyen.
      • Használható a style="..." attribútum további stílusok megadásához
      • Használható még a border, cellspacing, width és egyéb paraméterek is.
  2. Új sorban egy |+ jelet követően jöhet a táblázat összefoglaló felirata (ritkán használjuk).
  3. Új táblázatsor kezdhető a |- jellel.
    1. Opcionálisan követheti ugyanabban a sorban szóközzel elválasztva pár HTML-attribútum, ami az egész sorra vonatkozik.
  4. Táblázatcellák jöhetnek egymás után, amíg a sor véget nem ér.
    1. A cím cellák új sorban ! jellel kezdődnek vagy ugyanabban a sorban több darab !! jellel lehet egymástól elválasztva.
    2. A tartalom cellák új sorban | jellel kezdődnek vagy ugyanabban a sorban több darab || jellel lehet egymástól elválasztva.
    • A cím- és tartalomcelláknak HMTL-attribútumokat lehet adni, ha a kezdőjel után írjuk őket, majd az attribútumok után még egy | jelet rakunk. (cím cellánál is)
      • Például | style="color:red" | Piros cella || Új, sima cella
      • Lehet használni a colspan és rowspan attribútumokat is cella összevonáshoz
    • A 4.1–4.2 pont tetszőleges sorrendben követheti egymást
  5. A 3–4. pontok tetszőlegesen ismételhetőek.
  6. A táblázat a |} jellel végződik az utolsó cella után egy új soron.

Üres táblázat, másolható kód

Összefoglaló
A B C
1 2 3
4 5 6
{| class="wikitable" style="width: 45%; float: right;"
|+ Összefoglaló
|- 
! A
! B
! C
|- 
| 1
| 2
| 3
|- 
| 4
| 5
| 6
|}

Példa

A következő egy általános táblázat példa, fejléccel, három sorral és oszloppal, valamint egy összevont cellával.

A félévem
Tárgy Aláírás Érdemjegy
Fizika Nincs -
Programozás Van 4
Matematika 5
{| class="wikitable sortable"
|+ A félévem
|-
! Tárgy
! Aláírás
! Érdemjegy
|-
| Fizika 
| style="color: red;" | Nincs || style="color: red;" | -
|-
| Programozás
| style="color: green;" rowspan=2 | Van
| 4
|-
| Matematika
<!-- Itt jelenik meg az összevont cella -->
| 5
|}