Pomoc:Tabele: Różnice pomiędzy wersjami

Z Wiki Grepolis PL
Przejdź do nawigacji
(Przykłady tabel)
(Łączenie, wyrównanie, rozmiar)
Linia 1: Linia 1:
Do tworzenia tabel w wiki możemy używać języka (X)HTML, jednak jest to niezalecane. Jego odpowiednikiem są tu specjalne znaczniki, których lista znajduje się poniżej.
Do tworzenia tabel w wiki możemy używać języka (X)HTML, jednak jest to niezalecane. Jego odpowiednikiem są tu specjalne znaczniki, których lista znajduje się poniżej.


===Odpowiedniki znaczników (X)HTML===
==Odpowiedniki znaczników (X)HTML==
{| class="wikitable" style="width: 60%"
{| class="wikitable" style="width: 60%"
! style="width: 50%" |(X)HTML !! Wiki
! style="width: 50%" |(X)HTML !! Wiki
Linia 43: Linia 43:
|}
|}


===Wersja podstawowa===
==Wersja podstawowa==
Jest to najprostsza tabelka, bez żadnego obramowania i stylu.
<pre>
<pre>
{|
{|
Linia 53: Linia 54:
|}
|}
</pre>
</pre>
'''Efekt:''' najprostsza tabelka, bez żadnego obramowania i stylu.
'''Efekt:'''  
{|
{|
| kolumna 1, wiersz 1
| kolumna 1, wiersz 1
Linia 62: Linia 63:
|}
|}


===Zalecany kod===
==Zalecany kod==
Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory.
<pre>
<pre>
{| class="wikitable"
{| class="wikitable"
Linia 72: Linia 74:
|}
|}
</pre>
</pre>
'''Efekt:''' o wiele ładniejsza tabelka, ze stylem obowiązującym w Wiki Grepolis.
'''Efekt:'''
{| class="wikitable"
{| class="wikitable"
! kolumna 1, wiersz 1
! kolumna 1, wiersz 1
Linia 81: Linia 83:
|}
|}


===Rozmiar tabeli===
==Rozmiar tabeli==
Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki.
<pre>
{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
</pre>
'''Efekt:'''
{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
 
Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak:
 
<pre>{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
</pre>
'''Efekt:'''
{| class="wikitable" style="width:50%"
! style="width:30%" | kolumna 1, wiersz 1
! style="width:70%" | kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
 
==Wyrównanie tekstu==
Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align".
<pre>
{| class="wikitable" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
|-
| Wyrównanie do prawej
| Wyrównanie do prawej
|}
</pre>
'''Efekt:'''
{| class="wikitable" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
|-
| Wyrównanie do prawej
| Wyrównanie do prawej
|}
 
Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.
<pre>
{| class="wikitable" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| style="text-align:right" | Do prawej
| style="text-align:center" | Wyśrodkowane
| style="text-align:left" | Do lewej
|}
</pre>
 
{| class="wikitable" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| style="text-align:right" | Do prawej
| style="text-align:center" | Wyśrodkowane
| style="text-align:left" | Do lewej
|}
 
==Łączenie komórek==
===W kilku wierszach===
By połączyć komórki w wierszach, używamy parametru "rowspan".
<pre>
{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
| Kolumna 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 3, wiersz 2
|}
</pre>
'''Efekt:'''
 
{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 i 2
| Kolumna 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 3, wiersz 2
|}
 
===W kilku kolumnach===
By połączyć komórki w kolumnach, używamy parametru "colspan".
 
<pre>
{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 2, wiersz 2
| Kolumna 3, wiersz 2
|}
</pre>
'''Efekt:'''
{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 i 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 2, wiersz 2
| Kolumna 3, wiersz 2
|}
 
[[Kategoria:Pomoc]]
[[Kategoria:Pomoc]]

Wersja z 16:21, 1 lut 2010

Do tworzenia tabel w wiki możemy używać języka (X)HTML, jednak jest to niezalecane. Jego odpowiednikiem są tu specjalne znaczniki, których lista znajduje się poniżej.

Odpowiedniki znaczników (X)HTML

(X)HTML Wiki
bez parametrów
<table> {|
</table> |}
<caption> |+
<tr> |-
<th> !
<td> |
z parametrami
<table parametr="coś"> {| parametr="coś"
<caption parametr="coś">zawartość... |+ parametr="coś" | zawartość...
<tr parametr="coś"> |- parametr="coś"
<th parametr="coś">zawartość... ! parametr="coś" | zawartość...
<td parametr="coś">zawartość... | parametr="coś" | zawartość...

Wersja podstawowa

Jest to najprostsza tabelka, bez żadnego obramowania i stylu. 

{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Zalecany kod

Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory. 

{| class="wikitable"
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Rozmiar tabeli

Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki. 

{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak: 

{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Wyrównanie tekstu

Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align". 

{| class="wikitable" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
|-
| Wyrównanie do prawej
| Wyrównanie do prawej
|}

Efekt:

Nagłówek kolumny nr 1 Nagłówek kolumny nr 2
Wyrównanie do prawej Wyrównanie do prawej

Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę. 

{| class="wikitable" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| style="text-align:right" | Do prawej
| style="text-align:center" | Wyśrodkowane
| style="text-align:left" | Do lewej
|}
Nagłówek kolumny nr 1 Nagłówek kolumny nr 2 Nagłówek kolumny nr 3
Do prawej Wyśrodkowane Do lewej

Łączenie komórek

W kilku wierszach

By połączyć komórki w wierszach, używamy parametru "rowspan". 

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
| Kolumna 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1 Kolumna 2, wiersz 1 i 2 Kolumna 3, wiersz 1
Kolumna 1, wiersz 2 Kolumna 3, wiersz 2

W kilku kolumnach

By połączyć komórki w kolumnach, używamy parametru "colspan". 

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 2, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1 Kolumna 2 i 3, wiersz 1
Kolumna 1, wiersz 2 Kolumna 2, wiersz 2 Kolumna 3, wiersz 2
Źródło: „https://wiki.pl.grepolis.com/index.php?title=Pomoc:Tabele&oldid=784”