Taulukko
Taulukko-lohkon avulla voit esitellä tietoja selkeästi ja jäsennellyssä muodossa.
Taulukko-lohko on hyödyllinen, kun halutaan esittää tietoa vertailtavassa muodossa ja ryhmitellä sisältöä selkeästi sekä jäsennellysti. Se auttaa sivuston kävijöitä hahmottamaan tietoja helposti ja tarjoaa tavan esittää taulukkomuotoista dataa sivustolla. Taulukkoa voi muokata lohkoeditorin avulla, mm. lisäämällä tai poistamalla rivejä ja sarakkeita sekä muuttamalla solujen sisältöä.
Tee taulukoille otsikkorivi ja varmista, että taulukkojen solujen sisältö on luettavissa järkevässä järjestyksessä. Huolehdi siitä, että taulukot ovat selkeitä ja rakenteeltaan yksinkertaisia. Jos taulukko on monimutkainen, taulukossa on useita otsikkorivejä tai tyhjiä soluja, niin saavutettavuuden varmistaminen on haastavaa.
Älä käytä taulukoita tekstin asetteluun. Jos taulukossa ei ole vertailtavaa sisältöä, pohdi lista-lohkon käyttöä. Jos puolestaan haluat jakaa tekstin palstoihin, muotoile sisällöt sarakkeet-lohkon avulla.
Taulukon asetukset
Kun valitset taulukon lohkoeditorissa, voit muokata taulukon asetuksia lohkoeditorin sivupalkissa. Sivupalkista löydät seuraavat asetukset:
- Tyylit: Oletustyylillä kaikilla riveillä on valkoinen tausta. Raidat-tyylillä joka toinen rivi korostetaan korostusvärillä.
- Kiinteälevyiset taulukon solut: Taulukko asetetaan koko sivun levyiseksi ja sarakkeiden leveydet yhdenmukaisiksi. Taulukossa olevat sanat saattavat katketa kesken etenkin pienillä näyttökoilla, näin ollen tämä asetus tulisi olla pois päältä.
- Otsikkorivi: Taulukon ensimmäinen rivi asetetaan korostetuksi otsikkoriviksi.
- Alatunniste: Taulukon jokaiselle sarakkeelle asetetaan erillinen alatunniste.
- Otsikko: Taulukon otsikko, joka esitetään taulukon yläpuolella.
- Vertikaalinen otsikkorivi: Taulukon ensimmäinen sarake asetetaan otsikkosarakkeeksi.
Taulukon muokkaus
Kun valitset lohkoeditorissa taulukkolohkon, löydät työkaluriviltä toiminnot mm. rivien ja sarakkeiden poistamiseen ja lisäämiseen. Taulukon soluja voit muokata samoin kuin muutakin lohkoeditorin sisältöä.
Esimerkit
Oletus-taulukkotyyli
Otsikko 1 | Otsikko 2 |
---|---|
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Alatunniste | Alatunniste 2 |
Raidat-taulukkotyyli
Sarake 1 | Sarake 2 |
---|---|
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Solun sisältö | Solun sisältö |
Vertikaalinen otsikkorivi
Sarake 1 | Sarake 2 | |
---|---|---|
Rivin otsikko 1 | Solun sisältö | Solun sisältö |
Rivin otsikko 2 | Solun sisältö | Solun sisältö |
Rivin otsikko 3 | Solun sisältö | Solun sisältö |