HTML-muotoilun lisääminen sivulle

Ylläpitosivuston päivityslomakkeisiin voi kirjoittaa pelkän tekstin lisäksi myös HTML muotoilukieltä.
HTML mahdollistaa monimutkaistenkin rakenteiden ja muotoilujen toteuttamisen ja se on kohtuullisen helppo oppia.
Alla on muutamia yleisimmin käytettyjä muotoiluja joista voi olla apua.
Internetissä on runsaasti HTML-oppaita joista löytyy ohjeita vaativampaan muotoiluun.
Voit ladata internetistä myös jonkin yksinkertaisen HTML-editorin ja kopioida sen luomaa koodia
suoraan päivityslomakkeille.


Fontit

<font face="Verdana">Verdana -fonttia</font> <font face="Arial">Arial -fonttia</font> <font face="Geneva">Geneva -fonttia</font> <font face="Times New Roman" size="3">Times, koko 3</font> <font face="Georgia" color="FF0000">Georgia, punaista</font> <font face="Courier New" color="006600">Courier New, sinistä</font>

Värin määritys tapahtuu heksadesimaalisena RGB:nä (Red Green Blue)
Erikoisempia fontteja ei suositella käytettäväksi koska fontti haetaan selaimen toimesta aina
sivuilla vierailevan omalta koneelta.


Tekstin pakottaminen

"pre" HTML-elementti ottaa huomioon lomakkeeseen kirjoitetut
välilyönnit ja enterit.

<pre> Muotoiltu      teksti            a      b Arvot                                 3      4 </pre>

Linkin lisääminen

<a href="kuvat/tiedosto.pdf" target="_blank">Linkki tiedostoon</a> <a href="http://www.sivusto.com" target="_blank">Linkki sivustoon</a> <a href="index.php?pageid=4&aid=2&lang=fi">Toiselle alasivulle </a>

target="_blank" kohta tarkoittaa että linkki avataan uuteen selainikkunaan.
Kohdelinkin saa helpoiten kopioitua selaimen osoiteriville. Ulkoisessa linkissä tulee olla
http://www... -etuliite mukana, sisäisessä linkissä sitä ei tarvita.


Enter eli rivinvaihto

<br />

Tumma teksti

<strong>Tummaa tekstiä</strong>

Kuva

Esimerkiksi kuvan made.jpg lisääminen sivulle.

<img src="kuvat/made.jpg" align="right" />

align-ominaisuus voi saada arvon left, center tai right.


Elementtien asettelu

<div align="center"> Keskitettyä tekstiä <img src="i/kuvat/made.jpg" /> Keskitetty kuva </div>

align-ominaisuus voi saada arvon left, center tai right.


Lisätietoa HTML:n käytöstä saat oppaista joita on tarjolla internetissä runsaasti, esim:
http://www.sivut.org/html/ »
http://www.uta.fi/laitokset/tkk/ohjeet/unix/htmlopas.shtml »