16 132
edycje
(Reorganizacja (Zobacz też zamiast mało widocznych odnośników usianych w artykule)) |
(Robię poradnik od nowa, żeby był przystępniejszy i sensowniejszy.) |
||
Linia 1: | Linia 1: | ||
Poniższy poradnik tłumaczy, jak tworzyć i modyfikować tabele na Mruczek Wiki. Jeśli w poniższym poradniku nie znajdziesz wystarczająco informacji, spróbuj przejść do [https://www.mediawiki.org/wiki/Help:Tables/pl poradnika MediaWiki]. | |||
== Podstawowe znaki == | |||
{| class="wikitable" | {| class="wikitable" | ||
|+Tworzenie tabeli | |+ Tworzenie prostej tabeli | ||
|<nowiki>{|</nowiki> || Początek tabeli. Musi znajdować się na początku. | | style="padding: 10px;"|<nowiki>{|</nowiki> || Początek tabeli. Musi znajdować się na początku. | ||
|- | |- | ||
|<nowiki>|+</nowiki> || Tytuł tabeli. Może być tylko 1. Umieszczamy go zaraz po rozpoczęciu tabeli. | | style="padding: 10px;"|<nowiki>|+</nowiki> || Tytuł tabeli. Może być tylko 1. Umieszczamy go zaraz po rozpoczęciu tabeli. | ||
|- | |- | ||
|<nowiki>|-</nowiki> || Przejście do kolejnego wiersza. | | style="padding: 10px;"|<nowiki>|-</nowiki> || Przejście do kolejnego wiersza. | ||
|- | |- | ||
|<nowiki>!</nowiki> || Wyróżniona komórka | | style="padding: 10px;"|<nowiki>!</nowiki> || Wyróżniona komórka | ||
|- | |- | ||
|<nowiki>|</nowiki> || Zwykła komórka | | style="padding: 10px;"|<nowiki>|</nowiki> || Zwykła komórka | ||
|- | |||
| style="padding: 10px;"|<nowiki>|}</nowiki> || Koniec tabeli. Musi znajdować się na końcu. | |||
|} | |||
Stwórzmy teraz najbardziej podstawową wersję tabeli. | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| | |||
|Kurczak | |||
|Kurczaki | |||
|- | |||
|Ziemniak | |||
|Ziemniaki | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| | |||
|Kurczak | |||
|Kurczaki | |||
|- | |||
|Ziemniak | |||
|Ziemniaki | |||
|} | |||
|} | |||
Komórki wiersza możesz też zapisać w jednej linii. W takiej sytuacji należy oddzielać je za pomocą <code><nowiki>||</nowiki></code>. | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| | |||
|Kurczak || Kurczaki | |||
|- | |||
|Ziemniak || Ziemniaki | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| | |||
|Kurczak || Kurczaki | |||
|- | |||
|Ziemniak || Ziemniaki | |||
|} | |||
|} | |||
W przypadku wyróżnionych komórek należy oddzielać je za pomocą <code><nowiki>!!</nowiki></code>. | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| | |||
! Sam !! W grupie | |||
|- | |||
|Kurczak || Kurczaki | |||
|- | |||
|Ziemniak || Ziemniaki | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| | |||
!Sam !! W grupie | |||
|- | |||
|Kurczak || Kurczaki | |||
|- | |- | ||
| | |Ziemniak || Ziemniaki | ||
|} | |} | ||
< | |} | ||
== Formatowanie tabeli == | |||
Podstawowe tabele nie są zbyt urodziwe, ale na szczęście możemy je upiększyć, dzięki formatowaniu. | |||
=== class="wikitable" === | |||
Do każdej tabeli warto dodać klasę wikitable, dzięki czemu staje się czytelniejsza oraz bardziej podatna na formatowanie. Jako pierwszą linię tabeli zamiast <code><nowiki>{|</nowiki></code> wpisz <code><nowiki>{| class="wikitable"</nowiki></code>. | |||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
! Kod !! Funkcje | |||
|- | |- | ||
|<nowiki>{| class="wikitable" style=" | | style="padding: 10px;"| <code><nowiki>{| class="wikitable"</nowiki></code> || Umożliwia formatowanie tabeli i daje jej czytelniejszy wygląd. Zalecane do każdej tabeli. <br>Wpisz w pierwszej linii tabeli. | ||
|} | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| class="wikitable" | |||
! Sam !! W grupie | |||
|- | |||
|Kurczak || Kurczaki | |||
|- | |||
|Ziemniak || Ziemniaki | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| class="wikitable" | |||
!Sam !! W grupie | |||
|- | |||
|Kurczak || Kurczaki | |||
|- | |||
|Ziemniak || Ziemniaki | |||
|} | |||
|} | |||
=== Atrybuty HTML === | |||
==== Dla całej tabeli ==== | |||
Aby atrybuty HTMl dotyczyły całej tabeli, umieść je przy znaczniku rozpoczynającym tabelę <code><nowiki>{|</nowiki></code>. W poniższym przykładzie tekst w komórkach został wyśrodkowany oraz pokolorowany na zielono. | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |- | ||
|< | | style="padding: 5px;"| | ||
<pre> | |||
{| class="wikitable" style="text-align: center; color: green;" | |||
! Towar !! Cena | |||
|- | |- | ||
| | |Nasiono kenexa || 69 | ||
|- | |- | ||
|< | |Dorosły kenex || 123 | ||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| class="wikitable" style="text-align: center; color: green;" | |||
! Towar !! Cena | |||
|- | |- | ||
| | |Nasiono kenexa || 69 | ||
|- | |- | ||
| | |Dorosły kenex || 123 | ||
|} | |||
|} | |} | ||
==== Dla komórki ==== | |||
Możesz też atrybuty umieścić przed wybranymi komórkami. W poniższym przykładzie komórki z cenami wyrównano do prawej. | |||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| class="wikitable" | |||
! Towar !! Cena | |||
|- | |||
|Nasiono kenexa || style="text-align:right;" | 69 | |||
|- | |||
|Dorosły kenex || style="text-align:right;" | 123 | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| class="wikitable" | |||
! Towar !! Cena | |||
|- | |||
|Nasiono kenexa || style="text-align:right;" | 69 | |||
|- | |||
|Dorosły kenex || style="text-align:right;" | 123 | |||
|} | |||
|} | |||
==== Dla wiersza ==== | |||
{| | Możesz też atrybuty umieścić dla całych wierszy. Umieść je w linii ze znacznikiem rozpoczynającym nowy wiersz <code><nowiki>|-</nowiki></code>. W poniższym przykładzie wiersz z nasionem kenexa pokolorowano na zielono, a z dorosłym kenexem - na żółto. | ||
| | {| style="width:100%" | ||
! | ! style="width: 50%;"|Wpisujesz | ||
! style="width: 50%;"|Otrzymujesz | |||
|- | |- | ||
! | | style="padding: 5px;"| | ||
| | <pre> | ||
| | {| class="wikitable" | ||
| | ! Towar !! Cena | ||
|- style="color: green;" | |||
|Nasiono kenexa || style="text-align:right;" | 69 | |||
|- style="color: yellow;" | |||
|Dorosły kenex || style="text-align:right;" | 123 | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| class="wikitable" | |||
! Towar !! Cena | |||
|- style="color: green;" | |||
|Nasiono kenexa || style="text-align:right;" | 69 | |||
|- style="color: yellow;" | |||
|Dorosły kenex || style="text-align:right;" | 123 | |||
|} | |||
|} | |||
== Łączenie komórek == | |||
=== Łączenie komórek w wierszu === | |||
{| class="wikitable" | |||
|- | |- | ||
! | ! Kod !! Funkcje | ||
|- | |- | ||
| style="padding: 10px;"| <code><nowiki>colspan="x"</nowiki></code> || Łączenie komórek w wierszu, gdzie "x" to liczba komórek do scalenia.<br>Umieść przed scaloną komórką. | |||
|colspan=" | |||
| | |||
|} | |} | ||
{| style="width:100%" | |||
! style="width: 50%;"|Wpisujesz | |||
| | ! style="width: 50%;"|Otrzymujesz | ||
! | |- | ||
| style="padding: 5px;"| | |||
<pre> | |||
{| class="wikitable" | |||
|- | |colspan="4" | Ulubione liczby Kenexa | ||
|- | |||
| | |69 || 123 || 369 || 666 | ||
| | |} | ||
| | </pre> | ||
|- | | style="padding: 5px;"| | ||
{| class="wikitable" | |||
| | |colspan="4" | Ulubione liczby Kenexa | ||
| | |- | ||
| | |69 || 123 || 369 || 666 | ||
|} | |||
|colspan=" | |} | ||
| | |||
|} | |||
== | === Łączenie komórek w kolumnie === | ||
{| class="wikitable" | |||
|- | |||
! Kod !! Funkcje | |||
|- | |||
| style="padding: 10px;"| <code><nowiki>rowspan="y"</nowiki></code> || Łączenie komórek w kolumnie, gdzie "y" to liczba komórek do scalenia.<br>Umieść przed scaloną komórką. | |||
|} | |||
{| style="width:100%" | |||
{{ | ! style="width: 50%;"|Wpisujesz | ||
! style="width: 50%;"|Otrzymujesz | |||
|- | |||
| style="padding: 5px;"| | |||
<pre> | |||
{| class="wikitable" | |||
|rowspan="4" | Ulubione liczby Kenexa || 69 | |||
|- | |||
|123 | |||
|- | |||
|369 | |||
|- | |||
|666 | |||
|} | |||
</pre> | |||
| style="padding: 5px;"| | |||
{| class="wikitable" | |||
|rowspan="4" | Ulubione liczby Kenexa || 69 | |||
|- | |||
|123 | |||
|- | |||
|369 | |||
|- | |||
|666 | |||
|} | |||
|} |