Ede: Tablo

Soti nan Wikipedia, ansiklopedi gratis.
Ale nan navigasyon Ale nan rechèch
Gnome-help.svg - Enfòmasyon Biwo

Paj sa a eksplike sentaks la pou mete yon tab nan Wikipedia , lè l sèvi avèk wiki markeup .

Gen kèk zouti otomatikman jenere tab. Pou yon gid konplè sou tab (an angle), gade m: Èd: Table .

Remake byen ke modèl sinoptik ak modèl navigasyon yo se ka espesyal nan tab ak pwòp klas yo ak metòd kreyasyon, pou ki nou al gade nan paj relatif yo.

Nan bagay sa yo nou montre an detay ki jan yo bati yon tab.

Rezime

Markeup nan yon tab ka rezime nan lejand sa a:

 {|
Kòmanse nan tablo a
 | +
caption nan tablo a, si ou vle , li ka mete sèlman ant kòmansman tab la ak premye ranje tab la
 | -
ranje tab , si ou vle sou premye ranje a - MediaWiki sipoze ke premye ranje a egziste
 !
selil header , si ou vle (pi fonse gri). Tèt konsekitif yo ka sou liy lan menm ki separe pa mak esklamasyon doub ( !! ).
 |
sa ki nan tab la , obligatwa ! Selil konsekitif ka ajoute sou liy lan menm separe pa tiyo doub ( || ) oswa te kòmanse sou liy nouvo, chak kòmanse ak yon tiyo ( | ).
 |}
Fen tab la

Kòmandman debaz yo

Pou fè li pi fasil yo eksplike sentaks la, kite a konsidere tablo egzanp sa a:

Ranje 1, selil 1 Ranje 1, selil 2 Ranje 1, selil 3
Ranje 2, selil 1 Ranje 2, selil 2 Ranje 2, selil 3

epi kite a wè etap pa etap ki jan yo bati l '.

Kreye yon tab estanda

Premyèman, nou defini tab la lè l sèvi avèk {| ak |} pou endike kòmansman ak fen. Senbòl sa yo dwe kanpe sou liy apa :

 {|

|}

Tout kòd ki dekri aparans tab la (pou egzanp kantite ranje ak kolòn) dwe mete nan liy ki genyen ant senbòl yo anvan yo. Nan pifò ka yo, bay tab la yon aparans estanda grafik, yo ajoute tèks sa a:

 {| class = "wikitable"

|}

Pou yon eksplikasyon detaye sou siyifikasyon li yo, gade seksyon an Atribi .

Ajoute nouvo liy

Pou kòmanse yon nouvo liy, ekri |- nan kòmansman yon nouvo liy . Pou ajoute yon selil nan ranje ki fèk defini an, ekri | , toujou nan yon nouvo liy , ki te swiv pa tèks la ou vle insert nan selil sa a:

 {|
| -
| Ranje 1, selil 1
| -
| Ranje 2, selil 1
|}

Depi |- se si ou vle pou premye liy lan, kòd la pi wo a ka reyekri tankou sa a:

 {|
| Ranje 1, selil 1
| -
| Ranje 2, selil 1
|}

Ajoute selil miltip sou menm ranje a

Gen de fason yo ajoute selil miltip nan menm ranje a : pou chak selil yo dwe ajoute nan ranje a, ekri || sou liy lan menm jan ak selil anvan an, ki te swiv pa tèks la parèt nan selil la nouvo, oswa kòmanse yon nouvo liy ak | , toujou swiv pa tèks la yo dwe eleman nan selil la:

 {|
| Ranje 1, selil 1 || Ranje 1, selil 2 || Ranje 1, selil 3
| -
| Ranje 2, selil 1
| Ranje 2, selil 2
| Ranje 2, selil 3
|}

Nan lòt mo, chak selil defini nan vlope ak ekri | , oswa pa rete sou liy lan menm jan ak selil la anvan ak ekri || . Espas yo anvan ak apre ba yo vètikal | yo inyore epi yo ka Se poutèt sa dwe omisyon, men si yo itilize yo fè kòd la pi konprann epi fè li pi fasil yo modifye.

Ajoute selil header

Sipoze nou vle transfòme twa selil yo nan premye ranje tab la an selil header: pou fè sa, tou senpleman ranplase ba vètikal yo | avèk anpil pwen esklamasyon ! . Sentaks la se ki idantik: se selil la header premye defini nan kòmanse yon nouvo liy ak yon ! ki te swiv pa tèks la ke ou vle insert nan ki selil, pandan y ap selil yo header ki vin apre (ki sou menm liy lan) yo jwenn nan ekri de !! sou liy lan menm , oswa jis yon sèl ! sou nouvo liy yo . Se poutèt sa, se pou li

 {|
! Header 1 !! Tèt 2 !! Tit 3
| -
| Ranje 2, selil 1 || Ranje 2, selil 2 || Ranje 2, selil 3
|}

se

 {|
! Header 1
! Tèt 2
! Tit 3
| -
| Ranje 2, selil 1 || Ranje 2, selil 2 || Ranje 2, selil 3
|}

pwodwi rezilta a menm, se sa ki

Header 1 Tèt 2 Tit 3
Ranje 2, selil 1 Ranje 2, selil 2 Ranje 2, selil 3

Selil Header yo ka ajoute tou nan kòmansman chak ranje; pou egzanp, kòd la

 {| class = "wikitable"
! !! Kolòn header 2 !! Kolòn header 3
| -
! Ran lento 2
| Ranje 2, selil 2 || Ranje 2, selil 3
| -
! Ranje header 3
| Ranje 3, selil 2 || Ranje 3, selil 3
|}

jenere

Kolòn header 2 Kolòn header 3
Ran lento 2 Ranje 2, selil 2 Ranje 2, selil 3
Ranje header 3 Ranje 3, selil 2 Ranje 3, selil 3

Men, fè atansyon: si ou ekri

 {| class = "wikitable"
! !! Kolòn header 2 !! Kolòn header 3
| -
! Liy 2 header || Ranje 2, selil 2 || Ranje 2, selil 3
| -
! Ranje 3 header || Ranje 3, selil 2 || Ranje 3, selil 3
|}

sa vle di melanje sou menm liy lan ! ak | , kòm yon rezilta nou jwenn

Kolòn header 2 Kolòn header 3
Ran lento 2 Ranje 2, selil 2 Ranje 2, selil 3
Ranje header 3 Ranje 3, selil 2 Ranje 3, selil 3

ki pa koresponn ak sa ou vle.

Ajoute yon tit

Pou ajoute yon tit nan tablo a, ou dwe ekri |+ swiv pa tit la ou vle bay, sonje insert |+ imedyatman anba a {| :

 {| class = "wikitable"
| + Tit tab la
! Header 1 !! Tèt 2 !! Tit 3
| -
| Ranje 2, selil 1 || Ranje 2, selil 2 || Ranje 2, selil 3
|}

Rezilta a se bagay sa yo:

Tit tab la
Header 1 Tèt 2 Tit 3
Ranje 2, selil 1 Ranje 2, selil 2 Ranje 2, selil 3

Mete wikitext nan yon selil

Nan tablo yo li posib fòma tèks la lè l sèvi avèk sentaks nòmal Wikipedia, pa egzanp lè w ekri mo an italik oswa ajoute wikilinks. Vlope andedan yon selil, ou ka itilize <br /> tag la:

 {| class = "wikitable"
| Yon selil ki gen yon [[Help: Wikilink | wikilink]]. || Yon mo nan "italik" nan selil la.
| -
| Yon selil ki gen <br /> kèk tèks ekri <br /> sou plizyè liy.
| Yon selil ki gen yon [[Help: Wikilink | wikilink]], <br /> yon mo nan '' italik '' ak <br /> tèks la ekri sou plizyè liy.
|}
Yon selil ki gen yon wikilink . Yon mo italik nan selil la.
Yon selil ak
nan tèks la ekri
sou liy miltip.
Yon selil ki gen yon wikilink ,
yon mo an italik e
tèks la ekri sou plizyè liy.

Si ou bezwen insert eleman nan yon selil ki gen sentaks mande pou yo kòmanse nan kòmansman yon nouvo liy, tankou lis bal ak nimero oswa tab (li se an reyalite posib insert yon tab nan yon lòt tab), yo montre yo kòrèkteman , li nesesè pou yo ale nan tèt la apre a | :

 {| class = "wikitable"
| Yon selil ak
* yon lis
* pwente
andedan.
| * Sa a pa asterisk entèprete kòm yon lis bal paske li pa kòmanse sou yon nouvo liy.
# Olye de sa, sa yo entèprete kòm yon lis resansman
# paske yo nan kòmansman liy lan.
| -
|
{| class = "wikitable"
| Tablo || enbrike
| -
| andedan || lòt la.
|}
Isit la nou deyò tab enteryè a <br /> ak andedan selil tab eksteryè a.
|
* Yon lis
* # parye melanje
* # nan yon lis
* nimewote.
|}
Yon selil ak
  • yon lis
  • pwente

andedan.

* Sa a pa asterisk entèprete kòm yon lis bal paske li pa kòmanse sou yon nouvo liy.
  1. Olye de sa sa yo entèprete kòm yon lis resansman
  2. paske yo nan kòmansman liy lan.
Tablo enbrike
andedan lòt la.

Isit la nou yo sou tab la enteryè
ak andedan selil tab ekstèn lan.

  • Yon lis
    1. parye melanje
    2. nan yon lis
  • nimewote.

Sèvi ak! ak |

Lè wap ekri tèks ki genyen nan yon tablo, fè atansyon ak karaktè yo ! ak | , paske yo gen chans pou yo mal entèprete kòm eleman markeup. Pou egzanp, pa ekri

 {| class = "wikitable"
| Senbòl la "|" se yon bar vètikal || Yon bagay ki mal ...
|}

rezilta a se

"se yon bar vètikal Yon bagay ki mal ...

Rezon ki fè konpòtman sa a "etranj" se ke koupe a nan quotes te entèprete pa lojisyèl an kòm yon séparation ant atribi selil yo (tèks la sou bò gòch la nan koupe a, Il simbolo " ) ak sa ki nan selil la (tèks la sou bò dwat la nan koupe a., " è una barra verticale ).

Gen diferan metòd pou rezoud kalite pwoblèm sa a. Premye a se sèvi ak <nowiki>Testo</nowiki> : tèks ki fèmen ant yo pa entèprete pa lojisyèl an, ki pafè pou egzanp anvan an:

 {| class = "wikitable"
| Senbòl "<nowiki> | </nowiki>" se yon bar vètikal || Ok
|}

Koulye a, rezilta a kòrèk:

Senbòl la "|" se yon bar vètikal Ok

Altènativman, ou ka itilize antite HTML &#124; olye pou yo ba vètikal la &#124; , pandan ke kòmandman an {{!}} pa mache nan ka sa a.

Erezman, pwoblèm sa a pa leve ak wikilinks tuyaux , ki Se poutèt sa yo ka itilize nòmalman (li ta tout bon kontreproduktif resort nan metòd ki anwo yo).

Pwoblèm ki sanble rive lè ou gen yo ekri de pwen esklamasyon nan yon ranje nan yon selil header, men metòd yo rezoud yo se menm bagay la: fèmen pwen yo esklamasyon nan <nowiki> Tags, oswa ranplase yo ak antite a &#33; :

 {| class = "wikitable"
| + [[Faktoryèl]] vs semifaktoryèl
! '' n '' !! '' n ''! !! '' n '' & # 33; & # 33;
| -
| 5 || 120 || 15
|}
Faktoryèl vs semifaktoryèl
n n ! n !!
5 120 15

Atribi

Nenpòt eleman ki itilize pou konstriksyon tab ( {| , |+ , |- , ! , !! , | ak || ), eksepte |} , ka aksepte nenpòt atribi HTML ki modifye aparans yo: pa egzanp, li posib pou chanje koulè background nan yon selil sèl oswa yon ranje tout antye. Atribi HTML yo se strings tèks nan fòm attributo =" valore " , kote yo dwe ranplase attributo ak valore ak non ki valab ak rekonèt. Itilizasyon atribi HTML te deja montre nan egzanp anvan yo, kote nou asiyen eleman nan {| class="wikitable" atribi, ki bay tab la yon gade estanda grafik. An reyalite, si yo te omèt atribi sa a, ekri sa se

 {|
| + Tit tab la
! Header 1 !! Tèt 2 !! Tit 3
| -
| Ranje 2, selil 1 || Ranje 2, selil 2 || Ranje 2, selil 3
|}

rezilta a ta dwe sa a:

Tit tab la
Header 1 Tèt 2 Tit 3
Ranje 2, selil 1 Ranje 2, selil 2 Ranje 2, selil 3

Li ka wè ke tab la se kounye a transparan ak san fontyè.

Bay yon atribi nan yon eleman

Nan ka {| ak |- , se yon atribi te ajoute tou senpleman pa ekri li sou bò dwat la nan senbòl sa yo:

 {| atribi = " valè "

| - atribi = " valè "

Avèk |+ ! , !! , | ak || olye de sa, li nesesè separe atribi yo soti nan tèks selil la lè yo ajoute yon lòt | :

 | + atribi = " valè " | Tit tab la

! atribi = " valè " | Selil Header !! atribi = " valè " | Selil header

| atribi = " valè " | Tèks selil || atribi = " valè " | Tèks selil

Chak eleman kapab tou asiyen plis atribi pa separe yo ak yon espas:

 | attribute1 = "value1" attribute2 = "value2" | Tèks selil

Atribi ki pi itilize a se style , ki gen sentaks yon ti kras diferan de sa yo montre byen lwen tèlman: style=" proprietà : valore ;" , kote proprietà ak valore yo dwe ranplase ak non valab ak rekonèt. Pou egzanp, yon pwopriyete souvan itilize se color , ki itilize yo mete koulè a ​​nan tèks la, ak yon valè apwopriye ta ka red ; Se poutèt sa, si yo asiyen yon selil style="color:red;" atribi style="color:red;" , tèks la andedan selil sa a pral wouj. Ou kapab tou itilize pwopriyete miltip nan menm tan an pa ekri style=" prop1 : valore1 ; prop2 : valore2 ;" ak sou sa. Pou egzanp, si nan adisyon a tèks wouj nou menm tou nou vle yon background jòn, nou ta ekri style="color:red; background-color:yellow;" .

Egzanp sa yo montre pwopriyete ki pi souvan itilize nan konstriksyon tab; pou lis konplè gade CSS2 Pwopriyete oswa CSS Referans .

Chanje koulè tèks la ak background yon selil

Pou chanje koulè tèks la, sèvi ak style="color: colore ;" , pandan y ap ak style="background-color: colore ;" ou mete koulè a ​​background. Gen anpil valè ki ka pran sou colore : gade paj la èd sou koulè .

Egzanp:

 {| class = "wikitable"
| + style = "koulè: wouj;" | Tit
! style = "koulè: vèt;" | Header 1 !! style = "koulè: ble;" | Tèt 2 !! Tèt 3
| -
| Selil 1 || style = "background-koulè: jòn;" | Selil 2 || Selil 3
| -
| Selil 4
| Selil 5
| style = "koulè: zoranj; background-koulè: nwa;" | Selil 6
| - style = "background-koulè: cyan;"
| style = "koulè: blan;" | Selil 7 || Selil 8 || Selil 9
|}

Rezilta a se:

Tit
Header 1 Tèt 2 Tèt 3
Selil 1 Selil 2 Selil 3
Selil 4 Selil 5 Selil 6
Selil 7 Selil 8 Selil 9

Selil ki kouvri plizyè ranje ak / oswa kolòn

Bay yon selil (sètadi eleman yo | , || ! Epi !! ) atribi rowspan=" n " ak / oswa colspan=" n " , li pral okipe yon kantite ranje ak / oswa kolòn egal a n (n se ranplase ak yon nonb antye relatif: 2, 3, ...). Depi kantite kolòn nan yon tab dwe menm nan tout ranje, lè w ap itilize atribi sa yo kèk selil pa dwe defini, jan egzanp sa yo montre:

 {| class = "wikitable"
! Ranje 1, selil 1 !! Ranje 1, selil 2 !! Ranje 1, selil 3
| -
| colspan = "2" | Ranje 2, selil 1 ak 2 || Ranje 2, selil 3
| -
| Ranje 3, selil 1 || colspan = "2" | Ranje 3, selil 2 ak 3
| -
| colspan = "3" | Ranje 4, selil 1, 2 ak 3
|}

Tablo sa a gen twa kolòn, men nan dezyèm ak twazyèm ranje a sèlman de selil yo te defini depi youn nan yo okipe plas la nan de kolòn, pandan ke yo nan katriyèm ranje a yon sèl selil te defini depi li pou kont li okipe plas la nan twa kolòn :

Ranje 1, selil 1 Ranje 1, selil 2 Ranje 1, selil 3
Ranje 2, selil 1 ak 2 Ranje 2, selil 3
Ranje 3, selil 1 Ranje 3, selil 2 ak 3
Ranje 4, selil 1, 2 ak 3
 {| class = "wikitable"
! Ranje 1, selil 1 !! Ranje 1, selil 2
| -
| ranpan = "2" | Liy 2 ak 3, selil 1 || Ranje 2, selil 2
| -
| Ranje 3, selil 2
|}

Tablo sa a gen de kolòn, men nan twazyèm ranje a yon sèl selil te defini depi plas lòt la deja okipe pa selil anwo a:

Ranje 1, selil 1 Ranje 1, selil 2
Ranje 2 ak 3, selil 1 Ranje 2, selil 2
Ranje 3, selil 2
 {| class = "wikitable"
! Ranje 1, selil 1 !! Ranje 1, selil 2
| -
| ranpan = "2" | Liy 2 ak 3, selil 1 || Ranje 2, selil 2
| -
| Ranje 3, selil 2
|}

Egzanp:

1A 2A 3A
1B 2B 3B
1C 2C 3C
1A 2A 3A
1B + 1C 2B 3B
2C 3C
1A 2A 3A
1B 2B + 2C 3B
1C 3C
1A 2A 3A
1B 2B 3B + 3C
1C 2C
 {| class = "wikitable"
! 1A !! 2A !! 3A
| -
| 1B
| 2B
| 3B
| -
| 1C
| 2C
| 3C
|}

{| class = "wikitable"
! 1A !! 2A !! 3A
| -
| ranpan = "2" | 1B + 1C
| 2B
| 3B
| -
| 2C
| 3C
|}

{| class = "wikitable"
! 1A !! 2A !! 3A
| -
| 1B
| ranpan = "2" | 2B + 2C
| 3B
| -
| 1C
| 3C
|}

{| class = "wikitable"
! 1A !! 2A !! 3A
| -
| 1B
| 2B
| ranpan = "2" | 3B + 3C
| -
| 1C
| 2C
|}

rowspan ak atribi colspan yo ka itilize tou ansanm sou menm selil la:

 {| class = "wikitable"
! !! Ranje 1, selil 2 !! Ranje 1, selil 3 !! Ranje 1, selil 4
| -
! Ranje 2, selil 1
| colspan = "2" rowspan = "3" | Ranje 2, 3 ak 4, selil 2 ak 3 || Ranje 2, selil 4
| -
! Ranje 3, selil 1
| Ranje 3, selil 4
| -
! Ranje 4, selil 1
| Ranje 4, selil 4
|}

Rezilta a se:

Ranje 1, selil 2 Ranje 1, selil 3 Ranje 1, selil 4
Ranje 2, selil 1 Ranje 2, 3 ak 4, selil 2 ak 3 Ranje 2, selil 4
Ranje 3, selil 1 Ranje 3, selil 4
Ranje 4, selil 1 Ranje 4, selil 4

Fè aliman tèks nan yon tab

Pa default, tit tab la ak tèks selil header yo sant-aliyen, pandan y ap tèks selil nòmal kite-aliyen. Pou aliyen tèks yon selil yon fason diferan, li dwe asiyen atribi style="text-align: pos ;" , kote li pos ranplase ak left , center , right oswa justify nan pozisyon tèks la respektivman sou bò gòch, sant, adwat nan selil la, oswa jistifye li.

Egzanp:

 {| class = "wikitable" style = "lajè: 100%;"
| + style = "text-align: left;" | Left tit
! style = "text-align: left;" | Tèks sou bò gòch !! Tèks nan sant la (default) !! style = "text-align: right;" | Tèks sou bò dwat la
| -
| Tèks gòch (default) || style = "text-align: center;" | Tèks sant || style = "text-align: right;" | Tèks sou bò dwat la
|}

Rezilta a se (nòt: style="width:100%;" atribi ki te asiyen nan tablo a nan egzanp sa a fè li okipe tout lajè ki disponib, pou sèl bi pou fè aliyman tèks la pi evidan):

Left tit
Left tèks Tèks sant (default) Tèks sou bò dwat la
Left tèks (default) Tèks nan sant la Tèks sou bò dwat la

Tèks nan yon selil se tou vètikal santre; si ou vle tèks la kòmanse soti nan tèt la, ajoute style="vertical-align:top;" :

 {| class = "wikitable"
| Yon selil ki gen <br /> kèk tèks ekri <br /> sou anpil liy.
| Selil ak ti tèks.
| style = "vertical-align: top;" | Selil ak ti tèks.
|}
Yon selil
ak del
tèks ekri
sou anpil moun
liy.
Selil ak ti tèks. Selil ak ti tèks.

Konsidere yon tab kote kèk selil gen anpil tèks ak lòt yo sèlman kèk mo: pi gwo selil yo pran pi fò nan espas la, kite ti kras pou lòt yo; kòm yon rezilta, tèks la nan selil sa yo gen tandans vlope, ki se pafwa yon efè vle (si ou pa wè li byen nan egzanp sa a, jis diminye lajè a nan fenèt la navigatè):

 {| class = "wikitable"
| Selil ak ti tèks.
| Selil ak ti tèks.
| Selil ki gen anpil tèks: '' [[lorem ipsum]] dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon patisipe nan laboriosam, menm jan ak tout kòmandman ki soti nan konsekans ''.
| -
| Selil ak yon ti kras plis tèks.
| Selil ak yon ti kras plis tèks.
| Selil ki gen anpil tèks: '' lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon patisipe nan laboriosam, menm jan ak tout kòmandman ki soti nan konsekans ''.
|}
Selil ak ti tèks. Selil ak ti tèks. Selil ak yon anpil nan tèks: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans .
Selil ak yon ti kras plis tèks. Selil ak yon ti kras plis tèks. Selil ak yon anpil nan tèks: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans .

Si ou vle pou fè pou evite style="white-space:nowrap;" tèks nan yon selil, ajoute style="white-space:nowrap;" ; si atribi sa a asiyen nan selil la pi gwo nan yon kolòn, efè a pwolonje nan tout selil yo nan ki kolòn. Nan egzanp ki anba la a ou ka wè ke nan premye kolòn nan tèks la pa vlope nan nenpòt selil paske yo te atribi a asiyen nan selil la ki gen plis tèks la, pandan ke yo nan dezyèm kolòn nan tèks la nan selil ki anba a kontinye vlope (ankò , li ka itil pou obsève konpòtman tèks la kòm lajè chanjman fenèt navigatè a):

 {| class = "wikitable"
| Selil ak ti tèks.
| style = "white-space: nowrap;" | Selil ak ti tèks.
| Selil ki gen anpil tèks: '' lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon patisipe nan laboriosam, menm jan ak tout kòmandman ki soti nan konsekans ''.
| -
| style = "white-space: nowrap;" | Selil ak yon ti kras plis tèks.
| Selil ak yon ti kras plis tèks.
| Selil ki gen anpil tèks: '' lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporèl patisipe nan laboriosam, menm jan ak tout ansyen kòmandman konsekans ''.
|}
Selil ak ti tèks. Selil ak ti tèks. Selil ak yon anpil nan tèks: lorem ipsum dolor sit amet, konsèpteur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans .
Selil ak yon ti kras plis tèks. Selil ak yon ti kras plis tèks. Selil ak yon anpil nan tèks: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt to labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans .

Ajiste koule nan tèks alantou yon tab

Nòmalman, tèks la deyò yon tab (paragraf yo nòmal nan antre a) ranje anwo ak anba li (liy lan vid anvan ak apre tab la pa nesesè, men li fè kòd la pi klè):

 Tèks anwo tab la.

{| class = "wikitable"
| Selil 1 || Selil 2
| -
| Selil 3 || Selil 4
|}

Tèks anba tab la.

Tèks anwo tab la.

Selil 1 Selil 2
Selil 3 Selil 4

Tèks anba tab la.

Sepandan, tèks ekstèn lan ka ranje akote tab la lè ou asiyen li (yon {| ) class="wikitable floatleft" atribi class="wikitable floatleft" oswa class="wikitable floatright" . Nan premye ka a, tab la ranje sou bò gòch paj la ak tèks la sou bò dwat li; vis vèrsa, nan dezyèm ka a se tab la ranje sou bò dwat la ak tèks la sou bò gòch la. Tèks adjasan an se youn nan yo jwenn anba tab la nan wikitext la (sa vle di apre |} ); tèks la anvan tablo a (sa vle di {| ) rete anwo li. Yon fwa ou te pase tab la, tèks la ap yon lòt fwa ankò okipe tout lajè paj la.

Egzanp:

 Tèks anvan tab la (parèt pi wo a li).

{| class = "wikitable floatright"
| Selil 1 || Selil 2 || Selil
| -
| Selil 3 || Selil 4 || Selil
|}

Tèks ki ekri depi isit la parèt bò tab la. Pou wè efè a li nesesè pou ekri yon fraz long pou okipe kèk liy: '' [[lorem ipsum]] dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum ''. Tout tèks anvan an parèt anwo tab sa a:

{| class = "wikitab floatleft"
| Selil 1 || Selil 2 || Selil
| -
| Selil 3 || Selil 4 || Selil
|}

pandan y ap tèks la ekri soti isit la sou bò tab la. Pou wè efè a li nesesè yo ekri yon fraz long yo okipe yon liy kèk: "lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum ''.

Rezilta a se:

Tèks anvan tab la (parèt pi wo a li).
Selil 1 Selil 2 Selil
Selil 3 Selil 4 Selil
Tèks ki ekri depi isit la parèt bò tab la. Pou wè efè a li nesesè yo ekri yon fraz long yo okipe yon liy kèk: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum . Tout tèks anvan an parèt anwo tab sa a:
Selil 1 Selil 2 Selil
Selil 3 Selil 4 Selil
pandan y ap tèks la ekri soti isit la sou parèt bò tab la. Pou wè efè a li nesesè yo ekri yon fraz long yo okipe yon liy kèk: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum .

Remak: Yon fason altènatif nan pozisyon yon tab se asiyen nan {| style="float: pos ;" , kote pos ta dwe ranplase ak left oswa right . Pwoblèm lan se ke ak atribi sa a pa gen yon maj adekwa ant tèks la ak tab la. Repete egzanp ki anwo a, rezilta a se sa a:

Tèks anvan tab la (parèt pi wo a li).
Selil 1 Selil 2 Selil
Selil 3 Selil 4 Selil
Tèks ki ekri depi isit la parèt bò tab la. Pou wè efè a li nesesè yo ekri yon fraz long yo okipe yon liy kèk: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon yo patisipe nan laboriosam, menm jan ak tout kòmandman konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum . Tout tèks anvan an parèt anwo tab sa a:
Selil 1 Selil 2 Selil
Selil 3 Selil 4 Selil
pandan y ap tèks la ekri soti isit la sou parèt bò tab la. Pou wè efè a li nesesè yo ekri yon fraz long yo okipe yon liy kèk: lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore and pain magna aliqua. Sèvi ak yon minimòm vini, ki sa nou fè egzèsis ak tout kòporasyon patisipe nan laboriosam, men ki jan pou tout bagay soti nan kòmand konsekans. Quis aute iure reprehenderit in voluptate velit esse cillum pain eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, are in colpa qui officia deserunt mollit anim id is laborum .

Tablo nan sant paj la

Nan sant yon tab nan paj la ou bezwen asiyen li style="margin-left:auto; margin-right:auto;" atribi style="margin-left:auto; margin-right:auto;" . Avèk referans a sa ki te eksplike nan seksyon anvan an, sonje ke li pa posib woulo liv tèks la sou bò gòch la ak dwa nan yon tab santre:

 Tèks devan tab la (parèt pi wo a li).

{| class = "wikitable" style = "margin-left: auto; margin-right: auto;"
! Kolòn 1 !! Kolòn 2
| -
| Ranje 1, selil 1 || Ranje 1, selil 2
| -
| Ranje 2, selil 1 || Ranje 2, selil 2
|}

Tèks apre tablo a (parèt anba li).

Tèks devan tab la (parèt pi wo a li).

Kolòn 1 Kolòn 2
Ranje 1, selil 1 Ranje 1, selil 2
Ranje 2, selil 1 Ranje 2, selil 2

Tèks apre tablo a (parèt anba li).

Tab triyabl

Lè ou ajoute class="wikitable sortable" enstriksyon class="wikitable sortable" a sou tèt tab la, ou pral jwenn yon tab ki gen kolòn ki ka bay lòd nan monte oswa desann lòd pa klike sou bouton sa yo ki parèt.

 {| class = "wikitable sortable"
! tit !! kolòn1 !! kolòn2 
| -
| liy1 || Florence || 4
| -
| liy2 || Empoli || 4
| -
| liy3 || Domodossola || 1  
| -
| liy4 || Como || 3  
| -
| liy5 || Bolòy || 2  
| -
| liy6 || Anacona || 5  
|}
tit kolòn1 kolòn2
ranje1 Florence 4
ranje2 Empoli 4
ranje3 Domodossola 1
ranje4 Como 3
ranje 5 Bolòy 2
ranje 6 Anacona 5

Si ou klike sou de oswa plis kolòn, se youn nan dènye klike mete kòm kle a sòt prensipal, ak sa yo anvan yo kòm segondè. Nan egzanp lan, klike sou column1 ak Lè sa a column2, ou jwenn yon sòt pa column2, men ranje yo kote sa a se konstan (de ranje yo ak valè "4") rete Ranje pa column1.
Si, nan lòt men an, ou kenbe desann Shift pandan y ap klike sou, se kolòn nan klike mete kòm kle a sòt segondè, kenbe sòt nan anvan prensipal la.

Triye fè lè l sèvi avèk JavaScript bò kliyan, kidonk li sèlman travay si jwè a ap itilize yon navigatè ak JavaScript pèmèt.

Kolòn ki pa ka bay lòd

Si ou vle youn oswa plis kolòn nan tablo a yo dwe class="unsortable" | titolo della colonna ajoute class="unsortable" | titolo della colonna nan ranje kote tit yo ekri.

 {| class = "wikitable sortable"
! tit !! kolòn1 !! kolòn2 !! class = "unsortable" | san lòd
| -
| liy1 || Como || 2 || kolòn
| -
| liy2 || Bolòy || 1 || Non 
| -
| liy3 || Anacona || 3 || lòd
|}
tit kolòn1 kolòn2 san lòd
ranje1 Como 2 kolòn
ranje2 Bolòy 1 Non
ranje3 Anacona 3 lòd

Ranje pa klase

Ou ka fè yon ranje ensortabl, tankou yon dènye ranje ki gen total, ki dwe rete estasyonè. Tout liy mete kòm header (ak "!") Epi yo mete premye oswa dènye yo toujou imobilye. Altènativman, se yon ranje, menm ki pa header, kenbe nan pati anba a si li gen class="sortbottom" atribi class="sortbottom" (si ranje a se pa nan pati anba a, li pral ale la le pli vit ke itilizatè a klase tab la).

De liy konsekitif ka fòse yo rete fèmen ansanm pandan klasman pa asiyen dezyèm lan class="expand-child" atribi an. Fason sa a pral ranje an premye ranje nòmalman ak dezyèm lan ap swiv li.

 {| class = "wikitable sortable"
! tit 1
| -
! tit 2
| -
| Bolòy
| -
| Anacona
| - class = "elaji-pitit"
| dezyèm liy Anacona
| -
| Como
| - class = "sortbottom"
| pye 1
| -
! pye 2
|}
tit 1
tit 2
Bolòy
Anacona
dezyèm liy Anacona
Como
pye 1
pye 2

Kalite done yo

Sistèm klasman an otomatikman rekonèt kalite done chak kolòn, epi li aplike yon lojik klasman diferan, ki baze sou sa ki nan premye bwat ki pa vid apre header la. Dirijan mak ak espas yo inyore. Kalite yo idantifye otomatikman yo se:

  • date : possono essere in vari formati come "gg-mm-aaaa", "gg-mm-aa", e "gg mese aaaa", oppure con altri separatori come "/" e "." (sconsigliati, vedi qui ). Non funziona però il simbolo "1º" per il primo del mese, va impostato "1" (vedi capitolo successivo). Non funzionano inoltre le date precedenti al 100 dC
  • valute : riconosciute se iniziano per €, $, £, o ¥; l'ordine è numerico, ignorando i suddetti simboli e altri caratteri alfabetici.
  • numeri : possono essere formati da cifre, virgole, separatori di migliaia, +/- ed E/e (per la notazione scientifica ). Per ottenere il corretto separatore delle migliaia, che su it.wiki è uno spazio speciale, usare formatnum .
  • testo : in tutti gli altri casi l'ordine è semplicemente alfabetico, come indicato in Aiuto:Ordine alfabetico ; le lettere vengono considerate tutte come minuscole.
Numero Testo Data Valuta
1 345 EEE 02-02-2004 € 5,00
22 ddd 13.apr.2005 € 30
-3 CCC 17 agosto 2006 € 6,50
0,44 bbb 1/Gen/2005 € 14,20
0,44E+8 AAA 05/12/2006 € 7,15

Se il riconoscimento automatico non bastasse, il tipo di dato di ogni colonna si può anche indicare esplicitamente. All'intestazione della colonna si può aggiungere il parametro data-sort-type="..." con uno dei seguenti valori:

  • text (testo)
  • number (numeri)
  • date (date)
  • time (orari, con ":" come separatore tra ore minuti e secondi opzionali)
  • isoDate (date in formato ISO, ovvero aaaa-mm-gg)
  • currency (valute)
  • IPAddress (indirizzi IP)
  • url (indirizzi URL)

Ad esempio:

 {| class="wikitable sortable"
! data-sort-type="date" | Data
! data-sort-type="time" | Ora
...

Come impostare manualmente l'ordine

Laddove necessario, si può impostare manualmente l'ordine voluto (ciò è particolarmente utile con le colonne che contengono nomi e cognomi di persone, che verrebbero ordinate seguendo l'ordine alfabetico dei nomi e non dei cognomi). Per impostare una chiave di ordinamento diversa dal contenuto visibile, a ciascuna casella si può aggiungere il parametro data-sort-value="..." in questo modo:

 {| class="wikitable sortable"
! Nome
|-
| data-sort-value="Rossi Mario" | Mario Rossi
|-
| data-sort-value="Bianchi Lucia" | Lucia Bianchi
|-
| data-sort-value="Verdi Anna" | Anna Verdi
|}
Nome
Mario Rossi
Lucia Bianchi
Anna Verdi

Un altro metodo, sconsigliato ma ancora molto usato perché in passato era l'unico, è inserire del testo invisibile direttamente nella casella, in questo modo:

 | <span style="display:none">Rossi Mario</span> Mario Rossi

Venivano usati anche alcuni template appositi (vedi Template:Sort ei template ad esso correlati) oggi obsoleti, la cui funzione era quella di ordinare le colonne ordinabili incapsulando questa tecnica, senza utilizzare direttamente l'HTML.

Raccomandazioni

Nell'inserire immagini e tabelle , tieni conto sia della resa grafica (pensa ai tanti utenti che usano basse risoluzioni video), sia del peso complessivo della pagina (molti utenti hanno infatti sistemi non recentissimi e possono usare connessioni lente).
Prova a vedere come appare la pagina anche a bassa risoluzione (ad esempio 800x600 o 1024x768) e non eccedere col peso delle immagini; non impostare le dimensioni delle immagini di tipo thumb se non è strettamente necessario: lascia che abbiano la larghezza di default scelta dall'utente .
Verifica poi che la pagina non debba essere scorsa orizzontalmente o che parti di essa non si sovrappongano.
Inoltre, assicurati che il contenuto sia sempre accessibile anche quando le immagini non possono essere visualizzate .
Globo di lettere

Corrispondenza tra wikitesto e codice HTML

Per chi conosce il linguaggio HTML , può essere utile fare un confronto tra il wikitesto usato su Wikipedia per la creazione delle tabelle e il relativo codice HTML.

Una tabella è definita da

 {| attributi

|}

che in HTML corrisponde a

 <table attributi >

</table>

Il titolo della tabella, più eventuali attributi, si ottiene con |+ attributi |Titolo che corrisponde a <caption attributi >Titolo</caption> .

Per definire una riga della tabella, insieme agli eventuali attributi, si usa |- attributi , equivalente a <tr attributi > . Il tag si chiude automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

Le celle d'intestazione, compresi gli eventuali attributi, si ottengono scrivendo

 ! Header 1
! attributi | Header 2
! Header 3

oppure

 ! Header 1 !! attributi | Header 2 !! Header 3

Entrambi le forme equivalgono a

 <th>Header 1</th>
<th attributi >Header 2</th>
<th>Header 3</th>

In modo simile, le celle di una riga, con gli eventuali attributi, si definiscono tramite i comandi

 | Cella 1
| attributi | Cella 2
| Cella 3

o equivalentemente così:

 | Cella 1 || attributi | Cella 2 || Cella 3

Entrambi i casi corrispondono in HTML a

 <td>Cella 1</td>
<td attributi >Cella 2</td>
<td>Cella 3</td>

Di seguito si riporta un esempio riassuntivo:

 {| class="wikitable"
|+ style="color:red;" | Titolo
! Header 1 !! Header 2 !! style="color:green;" | Header 3
|-
| Cella 1 || style="color:blue;" | Cella 2 || Cella 3
|- style="background-color:yellow;"
| style="color:orange;" | Cella 4
| Cella 5
| Cella 6
|}

Il risultato è:

Titolo
Header 1 Header 2 Header 3
Cella 1 Cella 2 Cella 3
Cella 4 Cella 5 Cella 6

e corrisponde in HTML a:

 <table class="wikitable">
  <caption style="color:red;">Titolo</caption>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th style="color:green;">Header 3</th>
  </tr>
  <tr>
    <td>Cella 1</td>
    <td style="color:blue;">Cella 2</td>
    <td>Cella 3</td>
  </tr>
  <tr style="background-color:yellow;">
    <td style="color:orange;">Cella 4</td>
    <td>Cella 5</td>
    <td>Cella 6</td>
  </tr>
</table>

Tecniche avanzate

Vedi Aiuto:Tabelle/Avanzate per utilizzi molto particolari: tabelle annidate, tabelle non rettangolari, grafici.

Pagine correlate