Recent Changes - Search:

PmWiki

pmwiki.org

edit SideBar

https://www.jetphotos.com/photographer/598301 https://www.jetphotos.com/photographer/598304 https://www.jetphotos.com/photographer/598305 https://www.jetphotos.com/photographer/598307 https://www.jetphotos.com/photographer/598310 https://www.jetphotos.com/photographer/598312 https://www.jetphotos.com/photographer/598317 https://www.jetphotos.com/photographer/598318 https://www.jetphotos.com/photographer/598320 https://www.jetphotos.com/photographer/598321 https://www.jetphotos.com/photographer/598322 https://www.jetphotos.com/photographer/598324 https://www.jetphotos.com/photographer/598328 https://www.jetphotos.com/photographer/598340 https://www.jetphotos.com/photographer/598341 https://www.jetphotos.com/photographer/598346 https://www.jetphotos.com/photographer/598349 https://www.jetphotos.com/photographer/598357 https://www.jetphotos.com/photographer/598366 https://www.jetphotos.com/photographer/598372 https://www.jetphotos.com/photographer/598374 https://www.jetphotos.com/photographer/598378 https://www.jetphotos.com/photographer/600028 https://www.jetphotos.com/photographer/600031 https://www.jetphotos.com/photographer/600032 https://www.jetphotos.com/photographer/600034 https://www.jetphotos.com/photographer/600036 https://www.jetphotos.com/photographer/600037 https://www.jetphotos.com/photographer/600039 https://www.jetphotos.com/photographer/600041 https://www.jetphotos.com/photographer/600042 https://www.jetphotos.com/photographer/600045 https://www.jetphotos.com/photographer/600046 https://www.jetphotos.com/photographer/600047 https://www.jetphotos.com/photographer/600048 https://www.jetphotos.com/photographer/600050 https://www.jetphotos.com/photographer/600051 https://www.jetphotos.com/photographer/600052 https://www.jetphotos.com/photographer/600053 https://www.jetphotos.com/photographer/600055 https://www.jetphotos.com/photographer/600057 https://www.jetphotos.com/photographer/600641 https://www.jetphotos.com/photographer/600644 https://www.jetphotos.com/photographer/600645 https://www.jetphotos.com/photographer/600646 https://www.jetphotos.com/photographer/602231 https://www.jetphotos.com/photographer/602240 https://www.jetphotos.com/photographer/602244 https://www.jetphotos.com/photographer/602247 https://www.jetphotos.com/photographer/602261 https://www.jetphotos.com/photographer/602265 https://www.jetphotos.com/photographer/602279 https://www.jetphotos.com/photographer/602307 https://www.jetphotos.com/photographer/602315 https://www.jetphotos.com/photographer/602323 https://www.jetphotos.com/photographer/602340 https://www.jetphotos.com/photographer/602346 https://www.jetphotos.com/photographer/602741 https://www.jetphotos.com/photographer/602743 https://www.jetphotos.com/photographer/602744 https://www.jetphotos.com/photographer/602745 https://www.jetphotos.com/photographer/602746 https://www.jetphotos.com/photographer/602748 https://www.jetphotos.com/photographer/602749 https://www.jetphotos.com/photographer/602750 https://www.jetphotos.com/photographer/602757 https://www.jetphotos.com/photographer/602758 https://www.jetphotos.com/photographer/602762 https://www.jetphotos.com/photographer/602763 https://www.jetphotos.com/photographer/602764 https://www.jetphotos.com/photographer/602769 https://www.jetphotos.com/photographer/602770 https://www.jetphotos.com/photographer/602772 https://www.jetphotos.com/photographer/602773 https://www.jetphotos.com/photographer/602774 https://www.jetphotos.com/photographer/602775 https://www.jetphotos.com/photographer/601186 https://www.jetphotos.com/photographer/601188 https://www.jetphotos.com/photographer/601189 https://www.jetphotos.com/photographer/601191 https://www.jetphotos.com/photographer/601192 https://www.jetphotos.com/photographer/601194 https://www.jetphotos.com/photographer/601196 https://www.jetphotos.com/photographer/601197 https://www.jetphotos.com/photographer/601248 https://www.jetphotos.com/photographer/601249 https://www.jetphotos.com/photographer/601250 https://www.jetphotos.com/photographer/601251 https://www.jetphotos.com/photographer/601252 https://www.jetphotos.com/photographer/601254 https://www.jetphotos.com/photographer/601255 https://www.jetphotos.com/photographer/601256 https://www.jetphotos.com/photographer/601258 https://www.jetphotos.com/photographer/601260 https://www.jetphotos.com/photographer/601261 https://www.jetphotos.com/photographer/601263 https://www.jetphotos.com/photographer/601264 https://www.jetphotos.com/photographer/601265 https://www.jetphotos.com/photographer/601266 https://www.jetphotos.com/photographer/601267 https://www.jetphotos.com/photographer/601268 https://www.jetphotos.com/photographer/601269 https://www.jetphotos.com/photographer/601270 https://www.jetphotos.com/photographer/601272 https://www.jetphotos.com/photographer/601273 https://www.jetphotos.com/photographer/602779 https://www.jetphotos.com/photographer/602780 https://www.jetphotos.com/photographer/602781 https://www.jetphotos.com/photographer/602782 https://www.jetphotos.com/photographer/600111 https://www.jetphotos.com/photographer/600112 https://www.jetphotos.com/photographer/600148 https://www.jetphotos.com/photographer/600151 https://www.jetphotos.com/photographer/600155 https://www.jetphotos.com/photographer/600157 https://www.jetphotos.com/photographer/600159 https://www.jetphotos.com/photographer/600161 https://www.jetphotos.com/photographer/600163 https://www.jetphotos.com/photographer/600647 https://www.jetphotos.com/photographer/600648 https://www.jetphotos.com/photographer/600649 https://www.jetphotos.com/photographer/600650 https://www.jetphotos.com/photographer/602889 https://www.jetphotos.com/photographer/602890 https://www.jetphotos.com/photographer/602891 https://www.jetphotos.com/photographer/602895 https://www.jetphotos.com/photographer/602897 https://www.jetphotos.com/photographer/602900 https://www.jetphotos.com/photographer/602904 https://www.jetphotos.com/photographer/602907 https://www.jetphotos.com/photographer/602913 https://www.jetphotos.com/photographer/602916 https://www.jetphotos.com/photographer/602918 https://www.jetphotos.com/photographer/602922 https://www.jetphotos.com/photographer/602923 https://www.jetphotos.com/photographer/602925 https://www.jetphotos.com/photographer/602926 https://www.jetphotos.com/photographer/600534 https://www.jetphotos.com/photographer/600535 https://www.jetphotos.com/photographer/600536 https://www.jetphotos.com/photographer/600538 https://www.jetphotos.com/photographer/600539 https://www.jetphotos.com/photographer/600540 https://www.jetphotos.com/photographer/600542 https://www.jetphotos.com/photographer/600543 https://www.jetphotos.com/photographer/600544 https://www.jetphotos.com/photographer/600547 https://www.jetphotos.com/photographer/600548 https://www.jetphotos.com/photographer/600549 https://www.jetphotos.com/photographer/600550 https://www.jetphotos.com/photographer/600552 https://www.jetphotos.com/photographer/600553 https://www.jetphotos.com/photographer/600555 https://www.jetphotos.com/photographer/600558 https://www.jetphotos.com/photographer/600565 https://www.jetphotos.com/photographer/600566 https://www.jetphotos.com/photographer/600567 https://www.jetphotos.com/photographer/600568 https://www.jetphotos.com/photographer/600571 https://www.jetphotos.com/photographer/600573 https://www.jetphotos.com/photographer/600575 https://www.jetphotos.com/photographer/600576 https://www.jetphotos.com/photographer/600577 https://www.jetphotos.com/photographer/600578 https://www.jetphotos.com/photographer/600666 https://www.jetphotos.com/photographer/600668 https://www.jetphotos.com/photographer/600669 https://www.jetphotos.com/photographer/600670 https://www.jetphotos.com/photographer/602963 https://www.jetphotos.com/photographer/601276 https://www.jetphotos.com/photographer/601280 https://www.jetphotos.com/photographer/601281 https://www.jetphotos.com/photographer/601284 https://www.jetphotos.com/photographer/601285 https://www.jetphotos.com/photographer/601286 https://www.jetphotos.com/photographer/601287 https://www.jetphotos.com/photographer/601288 https://www.jetphotos.com/photographer/601291 https://www.jetphotos.com/photographer/601293 https://www.jetphotos.com/photographer/602776 https://www.jetphotos.com/photographer/602777 https://www.jetphotos.com/photographer/602955 https://www.jetphotos.com/photographer/602956 https://www.jetphotos.com/photographer/602957 https://www.jetphotos.com/photographer/602959 https://www.jetphotos.com/photographer/602960 https://www.jetphotos.com/photographer/602961

Tabele

dla autorów (podstawy)

Podstawy tabel

PmWiki ma dwa rodzaje znaczników tabel; znacznik opisany na tej stronie jest użyteczny do tworzenia tabel z dużą ilością małych komórek, natomiast dyrektywy tabel są pomocne dla tabel o większej skali. Więcej możliwości formatowania tabel podaje książka kucharska formatowania tabel.

Tabele tworzy się przez użycie znacznika "podwójna kreska pionowa": ||. Linie zaczynające się od tego znacznika oznaczają rząd w tabeli; w ramach takich linii używa się tej "kreski" do oddzielania komórek. W przykładzie poniżej obramowanie jest dodane dla ilustracji - domyślnie go nie ma.

Podstawowa tabela
|| border=1
|| komórka 1 || komórka 2 || komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 ||
|| komórka 1 || komórka 2 || komórka 3 ||
komórka 1komórka 2komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3
komórka 1komórka 2komórka 3

Można utworzyć komórki z nagłówkiem umieszczając ! jako pierwszy znak w komórce. Zauważ, że są to nagłówki tabeli, nie nagłówki, więc nie używa się !!, !!!, itd.

Nagłówki tabeli
|| border=1
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Tabela może mieć tytuł, podawany przez ||!tytuł!|| (jedna linia). Musi on poprzedzać wszystko, co będzie w tabeli.

Tytuł tabeli
|| border=1
||! Tabela z tytułem !||
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
Tabela z tytułem
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Formatowanie zawartości komórek

Zawartość komórek może być dosuwana w lewo, w prawo, albo centrowana.

  • Aby dosunąć zawartość w lewo, napisz ją bez spacji po początkowym ||.
  • Aby wycentrować zawartość, napisz ją ze spacjami z obu stron.
  • Aby dosunąć zawartość w prawo, napisz spację tylko na początku, a kończące || bez spacji.
Wyrównywanie zawartości komórek
|| border=1 width=100%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw środkuz prawej
Domyślne wyrównywanie zawartości komórek
|| border=1 width=100%
||!komórka domyślna||!komórka z lewej ||
||wyrównana domyślnie||dosunięta w lewo ||
komórka domyślnakomórka z lewej
wyrównana domyślniedosunięta w lewo

Zauważ, że nagłówek i pozostałe komórki mają różne wyrównywanie domyślne.

Aby uzyskać komórkę rozciągającą się na wiele kolumn, napisz po niej puste komórki (nawet bez spacji). (Jak na razie nie ma znakowania do komórek rozciągających się na wiele rzędów.)

Komórki wielokolumnowe
|| border=1 width=100%
|| |||| prawa kolumna ||
|| || środkowa kolumna ||||
|| lewa kolumna ||||||
|| lewa kolumna || środkowa kolumna || prawa kolumna ||
 prawa kolumna
 środkowa kolumna
lewa kolumna
lewa kolumnaśrodkowa kolumnaprawa kolumna

Atrybuty tabel

Dowolna linia, która zaczyna się od ||, ale nie ma zamykającego ||, ustawia atrybuty tabel dla wszelkich tabel po niej. Te atrybuty mogą sterować rozmiarem i pozycją tabeli, obramowaniem, kolorem tła, i odstępem między komórkami. (To są po prostu standardowe atrybuty HTML, które są umieszczane w znaczniku <table>.)

Użyj atrybutu width=, aby ustawić szerokość tabeli, podając ją albo w procentach, albo bezwzględną wartość, albo *.

Szerokość tabeli
|| border=1 width=100% 
||!komórka 1 ||! komórka 2 ||! komórka 3||
|| k1 || komórkakomórkakomórka2 || komórka 3||
komórka 1komórka 2komórka 3
k1komórkakomórkakomórka2komórka 3

Atrybut border= ustawia grubość obramowania tabeli.

Tabela obramowana
|| border=10 width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw środkuz prawej
Tabela nieobramowana
|| border=0 width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw środkuz prawej

Używaj align=center, align=left, i align=right, aby wycentrować tabelę, czy dosunąć w lewo, albo w prawo. Zauważ, że align=left ialign=right tworzą tabelę opływaną, taką że tekst rozmieści się obok tabeli.

Wyrównanie tabeli: centrowanie
|| border=1 align=center width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
Zauważ: tekst nie układa się obok tabeli używającej "align=center".
komórka 1komórka 2komórka 3
z lewejw środkuz prawej

Zauważ: tekst nie układa się obok tabeli używającej "align=center".

Wyrównanie tabeli: do lewej
|| border=1 align=left width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
Zauważ: tekst układa się na prawo od tabeli używającej "align=left".
komórka 1komórka 2komórka 3
z lewejw środkuz prawej

Zauważ: tekst układa się na prawo od tabeli używającej "align=left".

Wyrównanie tabeli: do prawej
|| border=1 align=right width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
Zauważ: tekst układa się na lewo od tabeli używającej "align=right".
komórka 1komórka 2komórka 3
z lewejw środkuz prawej

Zauważ: tekst układa się na lewo od tabeli używającej "align=right".

Uwaga: uzyskanie tabeli dosuniętej w lewo bez opływania wymaga CSS, jak w

||style="margin-left:0px;"

Atrybut bgcolor= ustawia kolor tła tabeli. Jak na razie nie ma sposobu, by podawać kolory poszczególnych rzędów, albo komórek (ale zobacz książkę kucharską formatowania tabel).

|| border=1 align=center bgcolor=yellow width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w środku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw środkuz prawej

Inne przykłady

Bardziej złożona tabela
%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Kalendarz wydarzeń++] ||||||||||
|| '''May 2005''' || '''June 2005''' || '''July 2005''' || '''August 2005''' || '''September 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Wielka impreza\\\
%sp%'''17'''%%7:00 - 8:30 Większa impreza\\\
%sp%'''24'''%%7:00 - 8:30 Największa impreza|| || || || ||
|| '''October 2005''' || '''November 2005''' || '''December 2005''' || '''January 2006''' || '''February 2006''' ||
|| || || || || ||
Kalendarz wydarzeń
May 2005June 2005July 2005August 2005September 2005
106:30 - 8:30 Wielka impreza

177:00 - 8:30 Większa impreza

247:00 - 8:30 Największa impreza
    
October 2005November 2005December 2005January 2006February 2006
     

<< | Documentation Index? | >>

Jak utworzę podstawową tabelę?

Tabele tworzy się używając podwójnej kreski pionowej: ||. Linie zaczynające się od tego znacznika opisują rzędy w tabeli; w ramach tych linii ta podwójna kreska rozdziela kolumny. W przykładach poniżej obramowanie jest dodane dla ilustracji (domyślnie jest bez niego).

Podstawowa tabela
|| border=1 rules=rows frame=hsides
|| komórka 1 || komórka 2 || komórka 3 ||
|| komórka 1 || komórka 2 || komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Jak zrobię nagłówki kolumn?

Nagłówki kolumn można zrobić wpisując ! jako pierwszy znak w komórce. Zauważ, że są to nagłówki tabeli, nie nagłówki, więc nie używa się !!, !!!, itd.

Nagłowki tabeli
|| border=1 rules=cols frame=vsides
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Jak zrobię zaawansowaną tabelę?

Zobacz table directives (dyrektywy tabel).

Moje tabele są domyślnie wycentrowane. Gdy używam '||align=left', one nie układają się tak, jak oczekuję.

Prawdopodobnie używasz Firefox-a. Użyj ||style="margin-left:0px;" zamiast '||align=left'.

Jak mogę podać szerokości kolumn?

Jak na razie, nie ma sposobu, by to zrobić podstawowymi znacznikami tabel. Potrzebujesz użyć dyrektyw tabel.

Jak napisać podwójną kreskę w tekście w komórce używając podstawowych znaczników tabel?

Użyj &#124;&#124; aby pokazało się ||.

Edit - History - Print - Recent Changes - Search
Page last modified on September 10, 2011, at 04:36 PM