Tabele mogą być używane do wyświetlania informacji, jak również do tworzenia układu strony na wiki.
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ć wikitekstu do tworzenia tabeli, który jest opisany poniżej.
Składnia[]
| Opis | 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ł |
Przykładowa tabela[]
| 1 | 2 |
| 3 | 4 |
| XHTML | Wiki syntax |
|---|---|
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
|
{|
| 1 || 2
|-
| 3 || 4
|}
|
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 co 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 jako zawartości, by mieć pewność, że zostaną wyświetlone.
Skomplikowany układ (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ć.
| Pierwszy nagłówek | Drugi nagłówek | |
|---|---|---|
| Lewo góra | Prawo | |
| Lewo dół | Środek dół | |
|
|
Witamy w Twin cities
| |
Twój kod tabeli odzwierciedla jej strukturę. Mimo że jest możliwe stworzenie skomplikowanego układu będącego jedną tabelą, jest to generalnie nie wskazane. Dla ułatwienia sprawy najlepiej dzielić układ na mniejsze części.
Rozdziel to[]
Pomimo, iż możesz zagniedździć tabelę:
| Pierwszy nagłówek | Drugi nagłówek | |||
|---|---|---|---|---|
| lewo góra | prawa strona | |||
| lewo dół | środek dół | |||
| ||||
{|style="border-collapse:collapse; width:330px; border:1px solid black; margin:0 auto"
|+'''Przykładowy układ'''
|-
! style="border:1px solid black;" |Pierwszy nagłówek
! style="border:1px solid black;" colspan="2" | Drugi nagłówek
|-
| style="border:1px solid black;" |lewo góra
| style="border:1px solid black;" |
| style="border:1px solid black;" rowspan=2 | prawa strona
|-
| style="border:1px solid black;" | lewo dół
| style="border:1px solid black;" | środek dół
|-
| style="border:1px solid black;" colspan="3" |
{| border="0"
|+''Tabela w tabeli''
|-
|| [[Plik:Przykład.jpg]]
|| [[Plik:Przykład.jpg]]
|}
|}
Lepszym wyborem będzie ją rozdzielić:
| Pierwszy nagłówek | Drugi nagłówek | |
|---|---|---|
| Lewo góra | Prawo | |
| Lewo dół | Środek dół | |
|
|
|
{|style="border-collapse:collapse; width:330px; border:1px solid black; margin:0 auto"
|+'''Przykładowy układ'''
|-
! style="border:1px solid black;" | Pierwszy nagłówek
! colspan="2" style="border:1px solid black;" | Drugi nagłówek
|-
| style="border:1px solid black;" |Lewo góra
| style="border:1px solid black;" |
| style="border:1px solid black;" rowspan=2 | Prawo
|-
| style="border:1px solid black;" | Lewo dół
| style="border:1px solid black;" | Środek dół
|}
{|style="width:330px; border:1px solid black; margin:0 auto; border-top:0px; "
|-
|| [[Plik:Przykład.jpg]]
|| [[Plik:Przykład.jpg]]
|}
Pełny kod[]
| Pierwszy nagłówek | Drugi nagłówek | |
|---|---|---|
| Lewo góra | Prawo | |
| Lewo dół | Środek dół | |
|
|
|
Witamy w Twin cities
| |
{|style="border-collapse:collapse; width:330px; border:1px solid black; margin:0 auto"
|+'''Przykładowy układ'''
|-
! style="background:#efefef; border:1px solid black;" | Pierwszy nagłówek
! colspan="2" style="background:#ffdead; border:1px solid black;" | Drugi nagłówek
|-
| style="border:1px solid black;" |Lewo góra
| style="border:1px solid black;" |
| style="border:1px solid black;" rowspan=2 | Prawo
|-
| style="border:1px solid black;" | Lewo dół
| style="border:1px solid black;" | Środek dół
|}
{|style="width:330px; border:1px solid black; margin:0 auto; border-top:0px; "
|-
|| [[Plik:Przykład.jpg]]
|| [[Plik:Przykład.jpg]]
|-
| align="center" colspan="2"|
<div style="border:1px solid red;">Witamy w Twin cities</div>
|}
Zobacz także[]
- 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.