Quantcast Pomoc:Tabele - Wikis from Wikia - Join the best wiki communities
Recent changes Random page
GAMING
more wikis
 
Gaming
Entertainment
Hobbies
Sports
Biggest wikis
see all...
See more...

Pomoc:Tabele

Wikia - creating communities

Jump to: navigation, search

Tabele mogą być używane do wyświetlania informacji, jak również do tworzenia layout'u (wystroju stron) na Wikii.

Niektóre tagi tabel 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ż współdzielonych szablonów do tworzenia tabel bez potrzeby używania wiki syntax. Zobacz przykłady na Template talk:Top.

Contents

[edit] Składnia

  XHTML Wiki syntax
Tabela <table></table>
{| parametry 
|}
Podpis tabeli <caption></caption>
|+ podpis
Wiersz tabeli <tr></tr>
|- parametry 
Komórki tabeli <td>komórka1</td>

<td>komórka2</td>

| komórka1
| komórka2
Komórki tabeli <td>komórka1</td> <td>komórka2</td> <td>komórka3</td>
|komórka1||komórka2||komórka3
Tytuł kolumny tabeli <th></th>
! tytuł

[edit] Przykładowa tabela

1 2
3 4
XTML Wiki syntax
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
{| 
| 1 || 2
|- 
| 3 || 4
|}

[edit] Uwagi

  • Cała tabela rozpoczyna się znacznikiem {| i kończy wymaganym |}.
  • Podpis jest zwięzłą metodą opisania tabeli, i może być włączony do |+ w lini po {|.
  • Wiersze tabeli to poziome grupy komórek w tabeli. Wiersz rozpoczyna się |- 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ę !. Zważ na to, że parametry wciąż oddzielone są od właściwej zawartości komórki znacznikiem |, jednakże
  • Komórki tabeli wypełniają resztę tabeli. Komórka rozpoczyna się znacznikiem | lub || 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 &nbsp; jako zawartości, by mieć pewność, że zostaną wyświetlone.

[edit] Skomplikowany layout (zrób prosto)

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 — inni też będą je edytować.

Przykładowy layout
Pierwszy nagłówek Drugi nagłówek
Lewo góra   Prawo
Lewo dół Środek dół
Image:Wiki.png Image:Wiki.png
Witamy w Twin cities

Twój kod tabeli odzwierciedla jej strukturę. Mimo iż jest możliwe stworzyć skomplikowany layout jako jedną tabelę, jest to generalnie nie wskazane. Dla ułatwienia sprawy najlepiej dzielić layout na mniejsze części.

[edit] Rozdziel to

Pomimo, iż możesz zagniedździć tabelę:

layout code
Przykładowy layout
Pierwszy nagłówek Drugi nagłówek
lewo góra   prawa strona
lewo dół środek dół
Tabela w tabeli
Image:Wiki.png Image:Wiki.png
  {| border="1" cellpadding="5" cellspacing="0" style="border-collapse:collapse;" width="330"
  |+'''Przykładowy layout'''
  |-
  ! Pierwszy nagłówek
  ! colspan="2" | Drugi nagłówek
  |-
  | Lewo góra
  |  
  | rowspan=2 | Prawa strona
  |-
  | | Lewo dół
  | | Środek dół
  |-
  | colspan="3" align="center" |
  {| border="0"
  |+''Tabela w tabeli''
  |-
  || [[Image:Wiki.png]]
  || [[Image:Wiki.png]]
  |}
  |}

Lepszym wyborem będzie ją rozdzielić:

layout code
Przykładowy layout
Pierwszy nagłówek Drugi nagłówek
Lewo góra   Prawa strona
Lewo dół Środek dół
Image:Wiki.png Image:Wiki.png
  {| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
  |+'''Przykładowy layout'''
  |-
  ! Pierwszy nagłówek
  ! colspan="2" | Drugi nagłówek
  |-
  | Lewo góra
  |  
  | rowspan=2 | Prawa strona
  |-
  | | Lewo dół
  | | Środek dół
  |}

  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[Image:Wiki.png]]
  || [[Image:Wiki.png]]
  |}

[edit] Nie używaj tabel do prostych ramek

Kod tabel powinien być używany tylko i wyłącznie do nich. Do prostych ramek używaj <div></div>. Dla przykładu:

layout code
Image:Wiki.png Image:Wiki.png

Witamy w Twin cities

  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[Image:Wiki.png]]
  || [[Image:Wiki.png]]
  |-
  | align="center" colspan="2" style="border-top:1px solid red;"|
  Witamy w Twin cities
  |}

Możesz użyć

layout code
Image:Wiki.png Image:Wiki.png
Witamy w Twin cities
  {| style="border:1px solid; border-top:none; width:330px;"
  |-
  || [[Image:Wiki.png]]
  || [[Image:Wiki.png]]
  |-
  | align="center" colspan="2"|
  <div style="border:1px solid red;">Witamy w Twin cities</div>
  |}

[edit] Pełny kod

Przykładowy layout
Pierwszy nagłówek Drugi nagłówek
Lewo góra   Prawa strona
Lewo dół Środek dół
Image:Wiki.png Image:Wiki.png
Witamy w Twin cities
{| border="1" cellpadding="5" cellspacing="0" width="330" style="border-collapse:collapse;"
|+'''Przykładowy layout'''
|-
! style="background:#efefef;" | Pierwszy nagłówek
! colspan="2" style="background:#ffdead;" | Drugi nagłówek
|-
| Lewo góra
|  
| rowspan=2 | Prawa strona
|-
| | Lewo dół
| | Środek dół
|}

{| style="border:1px solid; border-top:none; width:330px;"
|-
|| [[Image:Wiki.png]]
|| [[Image:Wiki.png]]
|-
| align="center" colspan="2"|
<div style="border:1px solid red;">Witamy w Twin cities</div>
|}

[edit] Zobacz także

[edit] Linki zewnętrzne