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, kun on siihen on oikea tarve, 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.
 * Table and row marks ( {| and |- ) do not directly hold content. Do not add pipe (|) after their optional attributes. If you erroneously add a pipe after attributes for the table mark or row mark the parser will delete it and your final attribute if it was touching the erroneous pipe!
 * Content may (a) follow its cell mark on the same line after any optional XHTML attributes or (b) on lines below the cell mark. Content that uses wiki markup that itself needs to start on a new line, such as lists, headers, or nested tables, must of course be on its own new line.

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 || mrrkinnä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.

With HTML attributes
You can add HTML attributes to make your table look better

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


 * }

align="right" border="1"
You can put attributes on individual cells. Numbers for example may look better aligned right {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

You can put attributes on individual rows, too. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

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


 * }

With HTML attributes and CSS styles
CSS style attributes can be added with or without other HTML attributes

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%"|


 * }

Attributes can be added to the caption as follows

{| 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 klikkaat 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
 * }
 * }