Pomoc:Tabele: Różnice pomiędzy wersjami
(Łączenie, wyrównanie, rozmiar) |
Nie podano opisu zmian |
||
(Nie pokazano 4 wersji utworzonych przez 2 użytkowników) | |||
Linia 2: | Linia 2: | ||
==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 66: | 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=" | {| class="wikitable4" | ||
| kolumna 1, wiersz 1 | | kolumna 1, wiersz 1 | ||
| kolumna 2, wiersz 1 | | kolumna 2, wiersz 1 | ||
Linia 75: | Linia 75: | ||
</pre> | </pre> | ||
'''Efekt:''' | '''Efekt:''' | ||
{| class=" | {| class="wikitable4" | ||
! kolumna 1, wiersz 1 | ! kolumna 1, wiersz 1 | ||
! kolumna 2, wiersz 1 | ! kolumna 2, wiersz 1 | ||
Linia 86: | 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=" | {| class="wikitable4" style="width:50%" | ||
! kolumna 1, wiersz 1 | ! kolumna 1, wiersz 1 | ||
! kolumna 2, wiersz 1 | ! kolumna 2, wiersz 1 | ||
Linia 95: | Linia 95: | ||
</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 105: | 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=" | <pre>{| class="wikitable4" style="width:50%" | ||
! kolumna 1, wiersz 1 | ! style="width:30%" | kolumna 1, wiersz 1 | ||
! kolumna 2, wiersz 1 | ! style="width:70%" | kolumna 2, wiersz 1 | ||
|- | |- | ||
| kolumna 1, wiersz 2 | | kolumna 1, wiersz 2 | ||
Linia 114: | Linia 114: | ||
</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 125: | 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=" | {| 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 134: | Linia 134: | ||
</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 144: | 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=" | {| 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 155: | Linia 155: | ||
</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 169: | 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=" | {| 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 180: | Linia 180: | ||
'''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 193: | Linia 193: | ||
<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 203: | Linia 203: | ||
</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 |
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 |