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

Z Wiki Grepolis PL
Przejdź do nawigacji
(Odpowiedniki znaczników)
 
Nie podano opisu zmian
 
(Nie pokazano 6 wersji utworzonych przez 2 użytkowników)
Linia 2: Linia 2:


==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 41: Linia 41:
| <nowiki><td parametr="coś">zawartość...</nowiki>
| <nowiki><td parametr="coś">zawartość...</nowiki>
| <nowiki>| parametr="coś" | zawartość...</nowiki>
| <nowiki>| parametr="coś" | zawartość...</nowiki>
|}
==Wersja podstawowa==
Jest to najprostsza tabelka, bez żadnego obramowania i stylu.
<pre>
{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
</pre>
'''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.
<pre>
{| class="wikitable4"
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
</pre>
'''Efekt:'''
{| class="wikitable4"
! 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.
<pre>
{| class="wikitable4" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
</pre>
'''Efekt:'''
{| class="wikitable4" 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="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
|}
</pre>
'''Efekt:'''
{| 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
|}
==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="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
|}
</pre>
'''Efekt:'''
{| 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
|}
Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.
<pre>
{| 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
|}
</pre>
{| 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
|}
==Łączenie komórek==
===W kilku wierszach===
By połączyć komórki w wierszach, używamy parametru "rowspan".
<pre>
{| 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
|}
</pre>
'''Efekt:'''
{| class="wikitable4" 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="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
|}
</pre>
'''Efekt:'''
{| 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
|}
|}


[[Kategoria:Pomoc]]
[[Kategoria:Pomoc]]

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