Pomoc:Tabele
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 |