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

Z Wiki Grepolis PL
Przejdź do nawigacji
Nie podano opisu zmian
 
(Nie pokazano 2 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 1: Linia 1:
<span class="link_back">[[Pomoc:Spis treści|Spis treści pomocy]]</span>
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="wikitable4" style="width: 60%"
! style="width: 50%" |(X)HTML !! Wiki
! style="width: 50%" |(X)HTML !! Wiki
|-
|-
Linia 68: Linia 66:
Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory.
Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory.
<pre>
<pre>
{| class="wikitable"
{| class="wikitable4"
| kolumna 1, wiersz 1
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
| kolumna 2, wiersz 1
Linia 77: Linia 75:
</pre>
</pre>
'''Efekt:'''
'''Efekt:'''
{| class="wikitable"
{| class="wikitable4"
! kolumna 1, wiersz 1
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
! kolumna 2, wiersz 1
Linia 88: Linia 86:
Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki.
Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki.
<pre>
<pre>
{| class="wikitable" style="width:50%"
{| class="wikitable4" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
! kolumna 2, wiersz 1
Linia 97: Linia 95:
</pre>
</pre>
'''Efekt:'''
'''Efekt:'''
{| class="wikitable" style="width:50%"
{| class="wikitable4" style="width:50%"
! kolumna 1, wiersz 1  
! kolumna 1, wiersz 1  
! kolumna 2, wiersz 1
! kolumna 2, wiersz 1
Linia 107: Linia 105:
Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak:
Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak:


<pre>{| class="wikitable" style="width:50%"
<pre>{| class="wikitable4" style="width:50%"
! style="width:30%" | kolumna 1, wiersz 1  
! style="width:30%" | kolumna 1, wiersz 1  
! style="width:70%" | kolumna 2, wiersz 1
! style="width:70%" | kolumna 2, wiersz 1
Linia 116: Linia 114:
</pre>
</pre>
'''Efekt:'''
'''Efekt:'''
{| class="wikitable" style="width:50%"
{| class="wikitable4" style="width:50%"
! style="width:30%" | kolumna 1, wiersz 1  
! style="width:30%" | kolumna 1, wiersz 1  
! style="width:70%" | kolumna 2, wiersz 1
! style="width:70%" | kolumna 2, wiersz 1
Linia 127: Linia 125:
Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align".
Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align".
<pre>
<pre>
{| class="wikitable" style="width:60%; text-align:right"
{| class="wikitable4" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 2
Linia 136: Linia 134:
</pre>
</pre>
'''Efekt:'''
'''Efekt:'''
{| class="wikitable" style="width:60%; text-align:right"
{| class="wikitable4" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 2
Linia 146: Linia 144:
Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.
Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.
<pre>
<pre>
{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 2
Linia 157: Linia 155:
</pre>
</pre>


{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 2
Linia 171: Linia 169:
By połączyć komórki w wierszach, używamy parametru "rowspan".
By połączyć komórki w wierszach, używamy parametru "rowspan".
<pre>
<pre>
{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
| Kolumna 1, wiersz 1
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
Linia 182: Linia 180:
'''Efekt:'''
'''Efekt:'''


{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
| Kolumna 1, wiersz 1
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 i 2
| rowspan=2 | Kolumna 2, wiersz 1 i 2
Linia 195: Linia 193:


<pre>
<pre>
{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
| Kolumna 1, wiersz 1
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
Linia 205: Linia 203:
</pre>
</pre>
'''Efekt:'''
'''Efekt:'''
{| class="wikitable" style="width:60%"
{| class="wikitable4" style="width:60%"
| Kolumna 1, wiersz 1
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 i 3, wiersz 1
| colspan=2 | Kolumna 2 i 3, wiersz 1

Aktualna wersja na dzień 05:35, 2 maj 2014

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="wikitable4"
| 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="wikitable4" 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="wikitable4" 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
|}

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="wikitable4" 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="wikitable4" 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="wikitable4" 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="wikitable4" 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