| Taustan ja linkkien värit määritellään
heti sivun alussa <BODY> tagissa, koska asetukset koskevat
koko sivua.
Jos et määritä sivuillesi värejä, käyttävät selaimet omia
oletusasetuksiaan. Yleensä selaimissa on oletusasetuksena harmaa tai
valkoinen taustaväri. Taustaväri kannattaa määritellä vaikka
sivulla olisikin taustakuva. Tämä siksi, että jotkut Internetin
käyttäjät eivät halua tai voi katsella lainkaan kuvia. Jos joku on
siis ottanut selaimestaan kuvien latauksen pois päältä, taustakuvan
sijaan sivujen katselija näkee taustavärin. Taustaväri ei vaikuta
mitenkään sivujen latautumisaikaan.
<BODY BACKGROUND="pilvet.gif ">..........</BODY>
Taustalle tulee pilvet.gif -niminen kuva niin monta kertaa kuin se
mahtuu vierekkäin ja niin pitkälle alaspäin kuin sivulla on
sisältöä. Tälläkin Internet-sivulla on taustakuva joka on kooltaan
vain noin 3 cm x
3 cm, ei enempää.
Taustakuvissa on hyvä muistaa, että yleensä sivulla on tekstiä
jonka tulisi erottua. Kannattaa siis käyttää joko vaaleita tai tummia
taustoja. Yleensä vaaleat taustat koetaan mukavammiksi, tummalla
taustalla pitää käyttää vaaleaa tekstiä joka voi rasittaa joidenkin
silmiä. Oli taustakuva tumma tai vaalea, täytyy muistaa että mitä tasavärisempi kuva,
sitä parempi.
<BODY BGCOLOR="#FFFFFF">..........</BODY>
Taustavärin määritys.
Voit valita minkä tahansa värin taustalle, se merkitään
RGB-värikoodilla. Värikoodit löytyvät
tästä.
Tekstin ja linkkien värit määritellään samalla tavalla kuin
taustavärikin. Silloin <BODY> tagiin tulee enemmän
määrittäviä osia.
Esimerkki:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF"
VLINK="#800080">..........</BODY>
BGCOLOR määrää taustavärin, TEXT määrää tekstin värin, LINK
määrää linkin värin ja VLINK määrää seuratun linkin värin.
Tässä taustaväri on valkoinen, tekstin väri musta, linkin väri
sininen ja seuratun linkin väri on viininpunainen eli väritys on se
perinteisin.
Käytännössä linkkien värien muutteleminen aivan kummallisiksi ei
ole kohteliasta, koska olemmehan kaikki jo tottuneet sinisiin linkkeihin
ja viininpunaisiin seurattuihin linkkeihin. Linkkien värit voikin hyvin
jättää määrittelemättä, koska silloin selain käyttää omia
oletuksiaan.
Teksti
Tekstin koko, fontti ja väri pitää määritellä tarkasti, mikäli
haluat tekstin näyttävän samalta kaikilla käyttäjillä. Jos jätät jonkin tekstin
ominaisuuksista määrittelemättä, selain käyttää taas omia asetuksiaan.
<H1>..........</H1> - <H6>..........</H6>
Otsikkokoot H1:stä H6:een, joista H6 on pienin ja H1 suurin. Otsikon
jälkeen tulee automaattisesti yksi tyhjä rivi.
<FONT SIZE=1>..........</FONT> Kirjasinkoon
muutos. Fonttien kokoja on 1:stä 7:ään. Yleisimmin käytetyt koot
ovat 2 ja 3. Tässä tekstissä on käyttetty kokoa 2.
<FONT COLOR="#FF0000">..........</FONT> Jos
määritit <BODY> tagissa TEXT -osalla jo
koko sivun tekstin värin,
voit tällä <FONT> -koodilla määrittää tekstille
toisen värin vain tiettyyn kohtaan. Kun fonttimääritys loppuu </FONT>
-tagilla, jatkuu <BODY> -tagissa ollut tekstin
värimääritys.
RGB-koodin lisäksi voit käyttää yleisimpien värien nimiä: Red,
blue, white, black, olive, teal, maroon, navy, gray, lime, fuchsia,
green, purple, silver, yellow tai aqua.
<FONT FACE="helvetica, arial,.....,....,courier">..........</FONT>
Määrittelee käytettävän fontin. Fontit ovat aina käyttäjän koneesta
riippuvaisia ja selain käy läpi koneessa olevat fontit ja kirjoittaa
tekstin ensimmäisellä asennetulla fontilla. Eli määritelty fontti
pitää olla asennettuna sivujen katsojan koneeseen.
Esimerkki
<FONT FACE="Arial" SIZE=2 COLOR="#008000">Tässä
on esimerkkitekstiä</FONT>
Selaimessa näkyy vain:
Tässä on esimerkkitekstiä.
Eli fontti on Arial, koko 2 ja väri vihreä. |
