Voit lisätä leipätekstiin muotoiluja (lihavointeja, kursivointeja, väliotsikoita jne.) käyttämällä niinkutsuttuja html-tageja, jotka on lueteltu muokkausruudun kohdassa "Muotoiluohjeet". Esimerkiksi:

  • väliotsikon lisääminen tapahtuu tagilla <h3> (eli "heading 3", ts. kolmostason otsikko; käytä näitä väliotsikoina – tasot 1 ja 2 on nimittäin varattu koko sivun pääotsikoille)
  • lihavointi tapahtuu tagilla <strong> tai <b>
  • kursivointi tapahtuu tagilla <em> tai <i>.

Kaikki tagit toimivat siten, että ne sijoitetaan tekstin lomaan muotoiltavan sanan tai sanojen ympärille tähän tapaan:

"seuraavat sanat <strong>tulevat lihavoiduksi</strong>"

Valmiissa tekstissäsi tagit eivät enää näy, näet vain niiden vaikutuksen. Äskeinen virke näyttää siis loppujen lopuksi tältä:

"seuraavat sanat tulevat lihavoiduksi"

Ensimmäinen <strong> siis käynnisti lihavoinnin ja jälkimmäinen, kauttaviivalla varustettu </strong> lopetti lihavoinnin. Kaikki html-tagit toimivat samalla tavoin:

Teksti: <h3>"Tämä on väliotsikko"</h3> ...

...näkyy tällaisena:

"Tämä on väliotsikko"

Linkkien lisääminen tekstisi joukkoon tapahtuu tagilla <a>. Tämä poikkeaa muista tageista siten, että sille pitää antaa hiukan lisätietoja:

"Tässä on linkki <a&nbso;href="http://www.vihreat.fi">Vihreiden kotisivuille</a>."

...näkyy sivulla seuraavanlaisena:

"Tässä on linkki Vihreiden kotisivuille."

Linkin osoite annetaan siis <a>-tagin sisällä näin: <a href="http://OSOITE">

Seuraavasta kuvasta näet esimerkkejä html-tagien käytöstä. Lisää tietoa niistä saat myös klikkaamalla muokkausruudussa linkkiä "Lisätietoa muotoiluasetuksista":

Suppeat11

Tehtyäsi haluamasi muutokset klikkaa sivun alalaidasta 'Lähetä'-nappia tallentaaksesi tekemäsi muutokset.

Jaa sivu: