Pomoc:Tabele: Różnice pomiędzy wersjami
(wt4) |
|||
Linia 4: | Linia 4: | ||
==Odpowiedniki znaczników (X)HTML== | ==Odpowiedniki znaczników (X)HTML== | ||
{| class=" | {| class="wikitable4" style="width: 60%" | ||
! style="width: 50%" |(X)HTML !! Wiki | ! style="width: 50%" |(X)HTML !! Wiki | ||
|- | |- | ||
Linia 88: | Linia 88: | ||
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=" | {| class="wikitable4" style="width:50%" | ||
! kolumna 1, wiersz 1 | ! kolumna 1, wiersz 1 | ||
! kolumna 2, wiersz 1 | ! kolumna 2, wiersz 1 | ||
Linia 97: | Linia 97: | ||
</pre> | </pre> | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| class="wikitable4" style="width:50%" | ||
! kolumna 1, wiersz 1 | ! kolumna 1, wiersz 1 | ||
! kolumna 2, wiersz 1 | ! kolumna 2, wiersz 1 | ||
Linia 107: | Linia 107: | ||
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=" | <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 116: | ||
</pre> | </pre> | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| 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 127: | ||
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=" | {| 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 136: | ||
</pre> | </pre> | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| 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 146: | ||
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=" | {| 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 157: | ||
</pre> | </pre> | ||
{| class=" | {| 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 171: | ||
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=" | {| 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 182: | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| 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 195: | ||
<pre> | <pre> | ||
{| class=" | {| 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 205: | ||
</pre> | </pre> | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| 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 |
Wersja z 15:15, 26 mar 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="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="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 |