Help:Tables/fi

MediaWikissä taulukoita voi luoda joko HTML-syntaksilla tai wikisyntaksilla. Tämä ohje käsittelee wikisyntaksia, koska HTML-syntaksiin on verkko ohjeita pullollaan. Wikisyntaksilla tehdyt taulukot ovat selkeämpiä ja lyhyempiä HTML-syntaksilla tehtyihin verrattuna.

Taulukoita tulisi käyttää vain aidossa tarpeessa, koska myös wikitaulukot tekevät sivujen lähdekoodista vaikeaselkoisempaa.

Wikitaulukkosyntaksin pikareferenssi

 * Ylläolevien merkintöjen täytyy olla uuden sivun vasemmassa reunassa paitsi kaksinkertaiset || ja !! joilla voit tarvittaessa luoda peräkkäisiä soluja riville.
 * XHTML ominaisuudet. Jokainen merkintä, paitsi taulukon loppu, hyväksyy tarvittaessa yhden tai useampia XHTML ominaisuutta. Ominaisuuksien täytyy olla samalla rivillä kuin merkintäkin. Irroita ominaisuudet toisistaan yhdellä välilyönnillä.
 * Soluihin ja seliteteksteihin ( | or ||, ! or !!, and |+ ) kuuluu tekstisisältö. Eroita kaikki ominaisuudet sisällöstä yhdellä piippumerkillä (|). Solun tekstisisältö voi olla joko samalla rivillä tai seuraavilla.
 * Taulukon ja rivin määrittävät merkinnät ( {| ja |- ) eivät suoranaisesti pidä itsessään rajattua sisältöyksikköä. Älä lisää piippumerkkiä (|) niiden lisäominaisuuksien perään. Jos erehdyt lisäämään piippumerkin taulukko- tai rivimerkkiin liittyvien ominaisuuksien jälkeen merkintöjen parseeraaja poistaa sen ja viimeisen ominaisuuden, jos se oli kosketuksissa virheelliseen piippumerkkiin.
 * Sisältö voi (a) seurata solumerkintöänsä samalla rivillä mahdollisten XHTML-ominaisuuksien jälkeen tai (b) voivat olla solumerkinnän jälkeisillä riveillä. Sisältö johon sovelletaan wikimerkintätapaa ja joka itse kuuluu uudelle riville, kuten listat, otsikot tai sisäkkäiset taulukot pitää luonnollisesti myöskin kuulua uudelle omalle rivilleen.

Muotoilematon taulukko
Seuraava taulukko on esimerkki yksinkertaisesta wikitaulukosta.

Vaihtoehto
Taulukkomaisemmalta näyttävää jälkeä saat kun käytät wikimerkintää, jossa solut on listattu yhdelle riville erotettuina || merkinnällä. Tämä ei luonnistu yhtä hyvin pitempien solujen kanssa, esimerkiksi jos niissä on kokonaisia lauseita tai kappaleita. Mutta se toimii varsin hyvin lyhyiden tiedonmurusten kanssa kuten esimerkkitaulukossamme.

Voit lisätä välilyöntejä merkintään, kuten olemme tehneet seuraavassa taulukossa, jotta itse merkintä näyttäisi paremmalta, mutta ne eivät vaikuta lainkaan siihen miten ne toimivat taulussa itsessään.

HTML-ominaisuuksia voidaan lisätä taulukkoon saman esimerkin mukaan mitä olemme jo osoittaneet, mutta olemme yksinkertaisuuden vuoksi jättäneet ne pois seuraavasta.

HTML ominaisuuksilla
Voit lisätä HTML-ominaisuuksia tehdäksesi taulukkosi paremman näköiseksi

border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="right" border="1"
Voit kohdistaa ominaisuuksia yksittäisiin soluihin. Numerot esimerkiksi voivat näyttää paremmilta oikeaan reunaan asemoituna

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Voit käyttää ominaisuuksia myös yksittisillä riveillä. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

HTML ominaisuuksilla ja CSS muotoiluja käyttäen
CSS sivuntyyli asetuksia voidaan käyttää joko HTML ominaisuuksie kera tai omillaaan

Taulukko TH otsikoin
TH (HTML taulukon otsikot) voi synnyttää käyttäen ! -merkkiä | -merkin sijasta. Otsikot yleensä näyttäytyvät lihavoitettuina ja keskitettyinä oletusarvoisesti.

Jokaiselle sarakkeelle
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Vakiomuoto
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Oikeaan laitaan
Otsikkosolun oikeaan laitaan asemoidut riviotsikot voi tehdä seuraavasti {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Seliteteksti
Taulukon selitetekstin voi lisätä minkä tahansa taulukon ylle, seuraavasti {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Ominaisuuksia voi lisätä selitetekstiin näin

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Taulukkoa H1, H2, H3 jne. otsikoin
HTML-tyylisiä H1, H2, H3, H4 jne. otsikoita voidaan luoda tavanomaisella wikimerkintötavalla käyttäen ==yhtäsuuruus== merkkejä mutta '''niiden pitää olla yksin omalla rivillään toimiakseen.

Esikatsele koko taulukko. Jos napsautat muokkaus-kielekettä taulun sisäiselle otsikolle, muokkaat ja esikatselet, ylätason taulukko näkyy todellisen tilanteen suhteen epätarkasti rikkonaiselta, koska osa siitä ei ole ladattuna muokattavaksi.

Pidä otsikko-hierarkia yhdenmukaisena muun sivun kanssa jotta sisällysluettelo sivun yläosassa toimii oikein.

{| width="100%" {| border="1" cellpadding="20" cellspacing="0"
 * width="50%"|
 * colspan="2"|

Namimarjat
{| border="1" cellpadding="20" cellspacing="0"
 * Mansikka
 * Mustikka
 * Vattu
 * Viinimarja
 * Karpalo
 * Hilla
 * }
 * width="50%"|
 * Hilla
 * }
 * width="50%"|
 * colspan="2"|

Namimarjat

 * Mansikka
 * Mustikka
 * Vattu
 * Viinimarja
 * Karpalo
 * Hilla
 * }
 * Karpalo
 * Hilla
 * }
 * }