Sonja (12. marraskuuta 2008 kello 15.06)

2008-11-12T15:06:27Z

← Vanhempi versio		Versio 12. marraskuuta 2008 kello 15.06
Rivi 169:		Rivi 169:
	\| colspan=2 \| L		\| colspan=2 \| L
	\|}		\|}



			[[Luokka:Ohjeet]]

Petja: yksi versio

2008-06-17T07:47:52Z

yksi versio

Uusi sivu

Wikissä voi tehdä tauluja myös html-merkintätapaa käyttäen, mutta helpointa ja selkeintä on käyttää wikin omaa merkintätapaa, putkimuotoa.

== Erilaisia tapoja taulukoiden muodostamiseen ==

<pre><nowiki>
{| {{Perustaulukko}}
|+ Koko taulukon otsikko
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|-
| Solu 1, rivi 1
| Solu 2, rivi 1
|-
| Solu 1, rivi 2
| Solu 2, rivi 2
|}
</nowiki></pre>

<pre><nowiki>
{| style="border="1" cellpadding="4" cellspacing="0" margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; font-size: 95%; clear: center;"
|+ Koko taulukon otsikko
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|-
| Solu 1, rivi 1 || Solu 2, rivi 1
|-
| Solu 1, rivi 2 || Solu 2, rivi 2
|}
</nowiki></pre>

Nämä molemmat tavat tuottavat seuraavanlaisen taulukon johtuen siitä että mallineelle ''Perustaulukko'' on annettu arvoiksi alemmassa esimerkissä esitetyt määreet.

{| {{Perustaulukko}}
|+ Koko taulukon otsikko
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|-
| Solu 1, rivi 1 || Solu 2, rivi 1
|-
| Solu 1, rivi 2 || Solu 2, rivi 2
|}

== Taulukon ulkoasu ==

Taulukon ulkoasua voidaan muokata erilaisten määreiden avulla.

{| {{Perustaulukko}}
|-
! Määre
! Koodi ja käyttöesimerkki
! Tulos
|-
| Leveys || width: 300px (tai 80%) || 300px leveä taulu/rivi/solu
|-
| korkeus || height: 100px || 100px korkea taulu/rivi/solu
|-
| Reunaviiva || border: 1px solid black || 1 px:n levyinen musta yhtenäinen reunaviiva
|-
| Tausta || background: white (tai #ffffff) || valkoinen tausta
|-
| Fontin väri || font color: black (tai #000000) || musta fontti
|-
| ??? || padding: 4em ||
|-
| || spacing: 4px ||
|-
| Sisällön sijoittaminen || align="center" || keskitys (esim. tekstille ja kuville)
|-
| Tekstin tasaaminen || text-align:center || Tekstin keskittäminen
|}

'''Väreistä''': päävärit voidaan ilmaista englanninkielisin nimin (silver, maroon, red, navy, blue, purple, fuchsia, green, lime, olive, yellow, teal, aqua, gray, white). Lisäksi kaikki värit voidaan ilmaista heksadesimaalein (esim. #000000). Heksadesimaaliarvon voi valita esim. kuvankäsittelyohjelmien avulla.

Wikissä määreet '''voidaan yleensä kohdistaa''' joko
* koko tauluun, jolloin määre tulee taulukon alkuun
* yksittäiseen riviin, jolloin määre merkitään rivin alkuun tai
* yksittäiseen soluun, jolloin määre merkitään solutiedon yhteyteen.

<pre><nowiki>
{| style="border: 1px solid black" 
|+ style="text-align:left" | '''Koko taulukon otsikko''' 
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|- style="background:#00ff00" 
| Solu 1, rivi 1
| Solu 2, rivi 1
|-
| Solu 1, rivi 2
| style="color:grey" | Solu 2, rivi 2 
|}
</nowiki></pre>

{| style="border: 1px solid black" 
|+ style="text-align:left" | '''Koko taulukon otsikko''' 
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|- style="background:#00ff00" 
| Solu 1, rivi 1
| Solu 2, rivi 1
|-
| Solu 1, rivi 2
| style="color:grey" | Solu 2, rivi 2 
|}

== Solujen yhdistäminen taulukossa ==

Soluja voi myös yhdistää viereisiin. Esim. '''colspan = 2''' leventää taulukon solua kahden solun alueelle, ja '''rowspan = 3''' pidentää solua kahden rivin alueelle. Merkintä laitetaan sen solun kohdalle, josta laajennus alkaa taulukon vasemmasta yläkulmasta lähtien. Laajennuksen muita soluja ei huomioida myöhemmässä vaiheessa.

<pre><nowiki>
{| border="1" cellpadding="5" cellspacing="0"
|-
! Sarake 1 || Sarake 2 || Sarake 3
|-
| rowspan=2 | A
| colspan=2 | B
|-
| C
| D
|-
| E
| colspan=2 | F
|-
| rowspan=3 | G
| H
| I
|-
| J
| K
|-
| colspan=2 | L
|}
</nowiki></pre>

{| border="1" cellpadding="5" cellspacing="0"
|-
! Sarake 1 || Sarake 2 || Sarake 3
|-
| rowspan=2 | A
| colspan=2 | B
|-
| C
| D
|-
| E
| colspan=2 | F
|-
| rowspan=3 | G
| H
| I
|-
| J
| K
|-
| colspan=2 | L
|}

Taulukot - Muutoshistoria

Sonja (12. marraskuuta 2008 kello 15.06)

Petja: yksi versio