Testaillaan taulukkoja

Yhteisö Testialue
2

Taulukon solu ja rivi

Ensimmäinen asia on, että taulukon solu on kahden putkimerkin välinen osa

| solu |

Taulukon rivi koostuu peräkkäistä soluista.

| solu1 | solu2 |

Tarvitaan otsikkorivi, jota seuraa erotinrivi

Taulukon aloittaa otsikkorivi, joka vastaa HTML-taulukon <th></th> -osaa. Sen jälkeen tulee aina erotinrivi, joka koostuu soluista, jotka sisältävät viivoja ja mahdollisesti kaksoispisteitä (niistä myöhemmin tässä viestissä).

| Ensimmäinen sarake | Toinen sarake| Kolmas sarake|
|---|---|---|
Ensimmäinen sarake Toinen sarake Kolmas sarake

Sisältörivit tulevat erotinrivin alle

Taulukossamme on nyt vain otsikkorivi, koska emme laittaneet lainkaan sisältörivejä eli HTML-taulukon <tr></tr> -osia. Lisätään taulukkoon pari riviä.

| Ensimmäinen sarake | Toinen sarake| Kolmas sarake|
|---|---|---|
| Solu A1 | Solu A2 | Solu A3 |
| Solu B1 | Solu B2 | Solu B3 |
Ensimmäinen sarake Toinen sarake Kolmas sarake
Solu A1 Solu A2 Solu A3
Solu B1 Solu B2 Solu B3

Otsikko- ja erotinrivi määräävät taulukon leveyden

Taulukon otsikkorivillä ja erotinrivillä täytyy olla sama määrä soluja ja se määrä on taulukon leveys. Sisältöriveillä voi olla vähemmän soluja kuin otsikkorivillä. Mutta jos on enemmän kuin otsikkorivillä, sisältöä jää tulostumatta. Huomioi, kuinka käy solulle C4.

| Ensimmäinen sarake | Toinen sarake| Kolmas sarake|
|---|---|---|
| Solu A1 | Solu A2 |
| Solu B1 |
| Solu C1 | Solu C2 | Solu C3 | Solu C4 |
Ensimmäinen sarake Toinen sarake Kolmas sarake
Solu A1 Solu A2
Solu B1
Solu C1 Solu C2 Solu C3

Viivojen ja välilyöntien määrä on makuasia

Taulukon raakaversiosta voi muotoilla nätimmän lisäämällä viivoja ja välilyöntejä, mutta lopputuloksen kannalta ei sillä ole merkitystä. Edellisen taulukon voisi kirjoittaa myös näin:

| Ensimmäinen sarake | Toinen sarake| Kolmas sarake|
|--------------------|--------------|--------------|
| Solu A1            | Solu A2      |
| Solu B1            |
| Solu C1            | Solu C2      | Solu C3      | Solu C4 |
Ensimmäinen sarake Toinen sarake Kolmas sarake
Solu A1 Solu A2
Solu B1
Solu C1 Solu C2 Solu C3

Sarakkeen voi keskittää tai linjata jompaan kumpaan reunaan

Sarakkeiden sisältö linjataan vasempaan reunaan oletusarvoisesti. Sitä voi kontrolloida lisäämällä erottimen putkimerkkien viereen kaksoispisteitä. Jos erotinrivin solun oikeassa reunassa on kaksoispiste, solun sisältö linjataan oikeaan reunaan. Jos erotinrivin solun molemmissa reunoissa on kaksoispiste, sisältö keskitetään. Jos kaksoispiste on vain vasemmassa reunassa tai kaksoispisteitä ei ole ollenkaan, sarakkeen sisältö linjataan vasempaan reunaan.

| Keskelle | Oikealle | Vasemmalle | Myös vasemmalle |
|:--------:|---------:|:-----------|-----------------|
| A1       | 300 000€ | Solu A3    | A4              |
| B1       | 32€      | Solu B3    | B4              |
Keskelle Oikealle Vasemmalle Myös vasemmalle
A1 300 000€ Solu A3 A4
B1 32€ Solu B3 B4

Soluja voi muotoilla

Solujen sisältöä voi normaaliin tapaan lihavoida, kursivoida jne. Solut voivat sisältää emojeitakin.

| Ensimmäinen sarake | Toinen sarake| Kolmas sarake|
|---|---|---|
| **lihavaa** | virne :grin:| *kursivoitua* |
Ensimmäinen sarake Toinen sarake Kolmas sarake
lihavaa virne :grin: kursivoitua

Siinä kaikki. Hienouksia kuten yhdistettyjä soluja ei tämä systeemi tue, mikä on valitettavaa.

3 tykkäystä