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

Dodane 4086 bajtów ,  2 maj 2020
Robię poradnik od nowa, żeby był przystępniejszy i sensowniejszy.
(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
|-
|-
|<nowiki>|}</nowiki> || Koniec tabeli. Musi znajdować się na końcu.
|Ziemniak || Ziemniaki
|}
|}
<br>
|}
 
== 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"
|+Wygląd i położenie tabeli
|<nowiki>{| class="wikitable"</nowiki> || Umożliwia formatowanie tabeli i daje jej czytelniejszy wygląd. Zalecane do każdej tabeli.
|-
|-
|<nowiki>{| class="wikitable" align="[wariant]"</nowiki> || Położenie tabeli. Dostępne warianty: left, right, center
! Kod !! Funkcje
|-
|-
|<nowiki>{| class="wikitable" style="text-align: [wariant];"</nowiki> || Położenie tekstu w komórkach. Dostępne warianty: left, right, center
| 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
|-
|-
|<nowiki>{| width="k px" class="wikitable" </nowiki> || Szerokość tabelki, gdzie "k" to szerokość w pikselach
| style="padding: 5px;"|
<pre>
{| class="wikitable" style="text-align: center; color: green;"
! Towar !! Cena
|-
|-
|<nowiki>|- bgcolor="a"</nowiki> || Kolor wiersza, gdzie "a" to kolor HEX.
|Nasiono kenexa || 69
|-
|-
|<nowiki>| bgcolor="b" | Tekst</nowiki> || Kolor komórki, gdzie "b" to kolor HEX.
|Dorosły kenex || 123
|}
</pre>
| style="padding: 5px;"|
{| class="wikitable" style="text-align: center; color: green;"
! Towar !! Cena
|-
|-
|<nowiki>colspan="x"</nowiki> || Łączenie komórek w wierszu, gdzie "x" to liczba komórek do scalenia.
|Nasiono kenexa || 69
|-
|-
|<nowiki>rowspan="y"</nowiki> || Łączenie komórek w kolumnie, gdzie "y" to liczba komórek do scalenia.
|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
|}
|}


'''Przykład:'''
==== Dla wiersza ====
{|class="wikitable" style="text-align: center;"  
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.
|+Tytuł
{| style="width:100%"
!0
! style="width: 50%;"|Wpisujesz
!1
! style="width: 50%;"|Otrzymujesz
!2
!3
|-
|-
!1
| style="padding: 5px;"|
|1;1
<pre>
|1;2
{| class="wikitable"
|rowspan="2"|[[69]]
! 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"
|-
|-
!2
! Kod !! Funkcje
|2:1
|2;2
|-
|-
!3
| 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="2"|[[Kenex]]
|bgcolor=" #FFCCFF" |[[666]]
|}
|}


'''Kod przykładu:'''<br>
{| style="width:100%"
<code>{| class="wikitable" style="text-align: center;"<br>
! style="width: 50%;"|Wpisujesz
|+Tytuł<br>
! style="width: 50%;"|Otrzymujesz
!0<br>
|-
!1<br>
| style="padding: 5px;"|
!2<br>
<pre>
!3<br>
{| class="wikitable"
|-<br>
|colspan="4" | Ulubione liczby Kenexa
!1<br>
|-
|1;1<br>
|69 || 123 || 369 || 666
|1;2<br>
|}
|rowspan="2"|<nowiki>[[69]]</nowiki><br>
</pre>
|-<br>
| style="padding: 5px;"|
!2<br>
{| class="wikitable"
|2:1<br>
|colspan="4" | Ulubione liczby Kenexa
|2;2<br>
|-
|-<br>
|69 || 123 || 369 || 666
!3<br>
|}
|colspan="2"|<nowiki>[[Kenex]]</nowiki><br>
|}
|<nowiki>bgcolor=" #FFCCFF" |[[666]]</nowiki><br>
|}</code><br>


== Zobacz też ==
=== Łączenie komórek w kolumnie ===
* [[Tabelografika]] - obraz ułożony z komórek tabeli
{| class="wikitable"
* [http://www.tablesgenerator.com/mediawiki_tables MediaWiki Tables Generator] - przyjazny edytor tabel
|-
* [https://www.mediawiki.org/wiki/Help:Tables/pl Pomoc MediaWiki: Tabele] - rozbudowany poradnik tworzenia tabel
! 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ą.
|}


[[Kategoria:Pomoc MW]]
{| style="width:100%"
{{Formatowanie lista}}
! 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
|}
|}