Toiminnot

Taulukot

Ortodoksi.netista

Versio hetkellä 17. kesäkuuta 2008 kello 07.47 – tehnyt Petja (keskustelu | muokkaukset) (yksi versio)
(ero) ← Vanhempi versio | Nykyinen versio (ero) | Uudempi versio → (ero)

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

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

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


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.

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.
{| style="border: 1px solid black"  <!-- Koko taulukkoon kohdistuva määre: musta reunaviiva -->
|+ style="text-align:left" | '''Koko taulukon otsikko''' <!-- Otsikkoon kohdistuvat määreet: tasaus vasemmalle -->
|-
! Ensimmäisen sarakkeen otsikko
! Toisen sarakkeen otsikko
|- style="background:#00ff00"          <!-- Koko riviin kohdistuva määre: vihreä tausta -->
| Solu 1, rivi 1 
| Solu 2, rivi 1 
|- 
| Solu 1, rivi 2 
| style="color:grey" | Solu 2, rivi 2  <!-- Yhteen soluun kohdistuva määre: harmaa teksti -->
|}


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


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.


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


Sarake 1 Sarake 2 Sarake 3
A B
C D
E F
G H I
J K
L