Edytujesz „Pomoc:Tabele”

Z Nonsensopedii, polskiej encyklopedii humoru

Uwaga: Nie jesteś zalogowany. Jeśli wykonasz jakąkolwiek zmianę, Twój adres IP będzie widoczny publicznie. Jeśli zalogujesz się lub utworzysz konto, Twoje zmiany zostaną przypisane do konta, wraz z innymi korzyściami.

Ta edycja może zostać anulowana. Porównaj ukazane poniżej różnice między wersjami, a następnie zapisz zmiany.

Aktualna wersja Twój tekst
Linia 1: Linia 1:
'''Tabele''' mogą być używane do wyświetlania informacji, jak również do tworzenia layout'u (wystroju stron) na Wikii.
{{Pomoc nagłówek|Zaawansowane}}
Choć '''tabele''' to rzeczy z natury nudne i mające bardzo mało wspólnego z humorem, to czasem mogą się przydawać do wyświetlania informacji lub układania treści na stronie.


Niektóre tagi tabel HTML (typu <code><nowiki><table></nowiki></code>, <code><nowiki><tr></nowiki></code>, <code><nowiki><td></nowiki></code>…) są wspierane przez MediaWiki, lecz nie ma gwarancji, że będą działać poprawnie. Z tego powodu, by nie utrudniać sobie i innym życia, korzystamy ze specjalnej składni wikitekstu opisanej poniżej.
Niektóre tagi tabel [[Pomoc:HTML|HTML]] są wspierane przez [[MediaWiki]], lecz nie ma gwarancji, że będą działać poprawnie. Z tego powodu radzimy używać wiki syntax, które to jest opisane na ninejszej stronie.


Możesz użyć również [[Pomoc:Współdzielone szablony|współdzielonych szablonów]] do tworzenia tabel bez potrzeby używania wiki syntax. Zobacz przykłady na [[w:Template talk:Top]].
== Chcę po prostu tabelkę! ==
Dobrym punktem wyjścia jest po prostu wstawienie do artykułu tabelki przez kreator wbudowany w edytor wikitekstu. Znajdziesz go na pasku narzędziowym nad polem edycji tekstu w sekcji ''Zaawansowane'', o tutaj:
[[Plik:Edytor tabela.png|center|600px]]


==Składnia==
Jeśli jednak chcesz zrobić tabelkę ręcznie albo bardziej w niej pogrzebać, to nie jest to zbyt skomplikowane. Spójrzmy na poniższy prosty przykład i rozbierzmy go na części:
{|

<pre>{| class="wikitable"
|+ Wampirza lista zakupów
! Produkt
! Ilość
|-
|-
!&nbsp;
| Krew, A Rh+
!XHTML
| 2 l
!Wiki syntax
|-
|-
!Tabela
| Krew, 0 Rh-
|<nowiki><table></table></nowiki>
| 1 l (strasznie podrożała!)
|<pre><nowiki>{| parametry
|-
|}</nowiki></pre>
| Suszona hemoglobina
| 3 kg
|}</pre>


{| class="wikitable"
|+ Wampirza lista zakupów
! Produkt
! Ilość
|-
|-
| Krew, A Rh+
| 2 l
|-
| Krew, 0 Rh-
| 1 l (strasznie podrożała!)
|-
| Suszona hemoglobina
| 3 kg
|}


!Podpis tabeli
Tabelka składa się z kilku elementów. Każdą tabelkę obowiązkowo musimy zawrzeć w specjalnych klamerkach, o tak:
|<nowiki><caption></caption></nowiki>
<pre><nowiki>{| parametry tabeli (opcjonalne)
|}</nowiki></pre>
|<pre><nowiki>|+ podpis</nowiki></pre>


|-
W pierwszym wierszu po klamerce otwierającej tabelkę możesz dorzucić jeszcze jakieś parametry (o nich będzie później), ale to nie jest obowiązkowe, nie przejmuj się. Jeśli chcesz najzwyklejszą tabelkę, taką jak wszędzie na Nonsensopedii, po prostu napisz po klamrze otwierającej <code>class="wikitable"</code> tak jak w przykładzie, będzie dobrze. Jeśli chcesz, żeby tabelkę dało się sortować po kliknięciu w jej nagłówek, zamiast tego napisz <code>class="wikitable sortable"</code>.
!Wiersz tabeli
|<nowiki><tr></tr></nowiki>
|<pre><nowiki>|- parametry </nowiki></pre>


|-
Możesz jeszcze dorzucić tytuł, który powinien pojawić się nad tabelką. Robi się to tak:
!Komórki tabeli
|<nowiki><td>komórka1</td></nowiki><br>
<nowiki><td>komórka2</td></nowiki>
|
<pre><nowiki>| komórka1
| komórka2</nowiki></pre>


|-
<pre><nowiki>|+ tytuł</nowiki></pre>
!Komórki tabeli
|<nowiki><td>komórka1</td> <td>komórka2</td> <td>komórka3</td></nowiki>
|<pre><nowiki>|komórka1||komórka2||komórka3</nowiki></pre>


|-
Następnym logicznym krokiem jest wstawienie do naszej tabeli jakiegoś wiersza, robimy to tak:
!Tytuł kolumny tabeli
|<nowiki><th></th></nowiki>
|<pre><nowiki>! tytuł</nowiki></pre>
|}


==Przykładowa tabela==
<pre><nowiki>|- parametry wiersza (opcjonalnie) </nowiki></pre>
{|
| 1 || 2
|-
| 3 || 4
|}


{|
Możesz myśleć o znaczniku <code>|-</code> jak o linii rozdzielającej wiersze. Podobnie jak na początku tabeli możesz tu dorzucić jakieś parametry modyfikujące ten wiersz.
|-

!XTML
Mamy tabelę, mamy wiersz, pora na komórki!
!Wiki syntax
|-
|<pre><nowiki>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</nowiki></pre>


<pre><nowiki>! komórka nagłówkowa
|<pre><nowiki>
{|
| komórka1
| 1 || 2
| komórka2
|-
| parametry komórki | komórka3</nowiki></pre>
| 3 || 4

|}</nowiki></pre>
Po prostu postaw pionową kreskę w nowym wierszu i po niej taki tekst, jaki sobie tylko zamarzysz. Jeśli zamiast pionową kreską zaczniesz komórkę '''wykrzyknikiem'''… no, to już poważna sprawa! Tak się oznacza komórki nagłówkowe, zwykle z nieco innym kolorem tła i pogrubionym tekstem.
|}

To wszystko!


== Uwagi ==
==Uwagi==
* Cała tabela rozpoczyna się znacznikiem <code>{|</code> i kończy wymaganym <code>|}</code>.
* Cała tabela rozpoczyna się znacznikiem <code>{|</code> i kończy wymaganym <code>|}</code>.
* '''Tytuł''' jest zwięzłą metodą opisania tabeli, i może być włączony do <code>|+</code> w linii po <code>{|</code>.
* '''Podpis''' jest zwięzłą metodą opisania tabeli, i może być włączony do <code>|+</code> w lini po <code>{|</code>.
* '''Wiersze tabeli''' to poziome grupy komórek w tabeli. Wiersz rozpoczyna się <code>|-</code> i kończy przy następnym wierszu.
* '''Wiersze tabeli''' to poziome grupy komórek w tabeli. Wiersz rozpoczyna się <code>|-</code> i kończy przy następnym wierszu.
* '''Tytuły kolumn''' to komórki zawierające tytuł. Często wyświetlane są pogrubioną czcionką. Rozpoczynają się <code>!</code>. Zważ na to, że parametry wciąż oddzielone są od właściwej zawartości komórki znacznikiem <code>|</code>, jednakże
* '''Tytuły kolumn''' to komórki zawierające tytuł. Często wyświetlane są pogrubioną czcionką. Rozpoczynają się <code>!</code>. Zważ na to, że parametry wciąż oddzielone są od właściwej zawartości komórki znacznikiem <code>|</code>, jednakże
* '''Komórki tabeli''' wypełniają resztę tabeli. Komórka rozpoczyna się znacznikiem <code>|</code> lub <code>||</code> i kończy następną komórką.
* '''Komórki tabeli''' wypełniają resztę tabeli. Komórka rozpoczyna się znacznikiem <code>|</code> lub <code>||</code> i kończy następną komórką.


Każdy wiersz musi posiadać taką samą liczbę komórek jak pozostałe, więc liczba kolumn w tabeli pozostaje konsekwentna (wyjątek stanowią komórki z indywidualnym zakresem kolumn lub wierszy, lecz nie są tu opisywane). Dla pustych komórek użyj ''twardej spacji'' <code>&amp;nbsp;</code> jako zawartości, by mieć pewność, że zostaną wyświetlone.
Każdy wiersz musi posiadać taką samą liczbę komórek, jak pozostałe, więc liczba kolumn w tabeli pozostaje konsekwentna (wyjątek stanowią komórki z indywidualnym zakresem kolumn lub wierszy, lecz nie są tu opisywane). Dla pustych komórek użyj ''twardej spacji'' <code>&amp;nbsp;</code> jako zawartości, by mieć pewność, że zostaną wyświetlone.


==Skomplikowany layout (zrób prosto)==
== A jak chcę bardziej skomplikowane? ==
Ten zaawansowany przykład pokazuje różne opcje używane do tworzenia tabel. Możesz poeksperymentować z owymi ustawieniami we własnej tabeli, by zobaczyć jaki wywrze to efekt. Nie każda z tych technik może być użyta w każdym przypadku; chociażby użycie kolorowego tła nie zawsze może być dobrym pomysłem. Próbuj tworzyć czytelne i jak najmniej skomplikowane tabele inni też będą je edytować.
Ten zaawansowany przykład pokazuje różne opcje używane do tworzenia tabel. Możesz poeksperymentować z owymi ustawieniami we własnej tabeli, by zobaczyć jaki wywrze to efekt. Nie każda z tych technik może być użyta w każdym przypadku; chociażby użycie kolorowego tła nie zawsze może być dobrym pomysłem. Próbuj tworzyć jak najmniej skomplikowane i czytelne tabele &mdash; inni też będą je edytować.


{| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
{| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
Linia 95: Linia 108:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2"|
| align="center" colspan="2"|
Linia 105: Linia 118:


=== Rozdziel to ===
=== Rozdziel to ===
Pomimo, iż możesz zagnieździć tabelę:
Pomimo, iż możesz zagniedździć tabelę:


{|
{|
Linia 129: Linia 142:
|+''Tabela w tabeli''
|+''Tabela w tabeli''
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|}
|}
|}
|}
Linia 152: Linia 165:
|+''Tabela w tabeli''
|+''Tabela w tabeli''
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|}
|}
|}</nowiki></pre>
|}</nowiki></pre>
Linia 181: Linia 194:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|}
|}
||<pre><nowiki>
||<pre><nowiki>
Linia 201: Linia 214:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|}</nowiki></pre>
|}</nowiki></pre>
|}
|}
Linia 216: Linia 229:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2" style="border:1px solid red;" |
| align="center" colspan="2" style="border:1px solid red;" |
Linia 225: Linia 238:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2" style="border-top:1px solid red;"|
| align="center" colspan="2" style="border-top:1px solid red;"|
Linia 242: Linia 255:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2"|
| align="center" colspan="2"|
Linia 251: Linia 264:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2"|
| align="center" colspan="2"|
Linia 277: Linia 290:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2"|
| align="center" colspan="2"|
Linia 301: Linia 314:
{| style="border:1px solid; border-top:none; width:330px;"
{| style="border:1px solid; border-top:none; width:330px;"
|-
|-
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|| [[Plik:Wiki.svg|100px]]
|| [[Grafika:Wiki.png]]
|-
|-
| align="center" colspan="2"|
| align="center" colspan="2"|
Linia 309: Linia 322:
</nowiki></pre>
</nowiki></pre>


== Zobacz też ==
==Zobacz także==
* [[MetaWikipedia:Help:Table]], na której bazuje ten artykuł. Owa strona zawiera wiele bardziej zaawansowanych przykładów i liczne linki zewnętrzne oferujące m.in. konwersję HTML na wiki.
*[[MetaWikipedia:Help:Table]], na której bazuje ten artykuł. Owa strona zawiera również liczne linki zewnętrzne oferujące m.in. konwersję HTML na wiki.
*[[Pomoc:Przewodnik 1|więcej pomocy]]

== Linki zewnętrzne ==
* [http://www.uni-bonn.de/~manfear/html2wiki-tables.php Internetowy konwerter HTML na Wikitables]


==Linki zewnętrzne==
<br clear="all" />
*[http://www.uni-bonn.de/~manfear/html2wiki-tables.php Internetowy konwerter HTML na Wikitables]
{{Pomoc navbox}}


<small>Ten tekst pochodzi z [[Wikia:Pomoc:Tabele|Wikii]] i tam można uzyskać o nim pełniejsze informacje</small>
[[Kategoria:Pomoc – zaawansowane]]
[[Kategoria:Pomoc|Tabele]]
Cc-white.svg Wszystko, co napiszesz na Nonsensopedii, zgadzasz się udostępnić na licencji cc-by-sa-3.0 i poddać moderacji.
NIE UŻYWAJ BEZ POZWOLENIA MATERIAŁÓW OBJĘTYCH PRAWEM AUTORSKIM!
Anuluj Pomoc w edycji (otwiera się w nowym oknie)

Szablony użyte w tym artykule: