otsikko

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

Sivun asetukset

Kaikki www-sivut pitävät sisällään seuraavat tagit: <HTML>, <HEAD>, <TITLE>, <BODY> Poislukien Kehykset, joissa BODY-tagit korvataan FRAMESET ja /FRAMESET tageilla

Malli:
<HTML>
<HEAD>
<TITLE>
Tähän väliin tule otsikko, joka näkyy mm. selaimen yläpalkissa ja Bookmark-listassa</TITLE>
</HEAD>
<BODY>
Body-tagien väliin tulee sivulla näkyvä sisältö: tekstiä, kuvia, taulukoita jne. </BODY>
</HTML>

<HTML>.............</HTML> HTML = Hypertext markup language. Aloittaa ja lopettaa HTML-dokumentin

<HEAD>.............</HEAD> Sisältää mm. dokumentin otsikon (Huom! otsikko voi olla ja usein onkin eri kuin dokumentin tallennusnimi). Kehyksissä käyttettävää BASE TARGET tagi tulee HEAD-lohkoon.

<TITLE>.............</TITLE> Sivun otsikko, joka näkyy selaimen yläpalkissa ja tulee bookmark-listalle. Title tagit kirjoitetaan HEAD-lohkoon. Sivun otsikko voi olla eri kuin tallennuksessa annettu nimi.

<BODY>.............</BODY> Näiden tagien väliin tulee varsinainen sivun sisältö. Jos haluat muuttaa taustan väriä, tekstin väriä, linkkien väriä tai haluat käyttää taustalla kuvaa niin ne tulee kirjoittaa Body-tagiin.
Taustakuvat:
<BODY BACKGROUND=”jokin.gif”>.............</BODY>
Taustalle tulee jokin.gif-kuva niin monta kertaa kuin se mahtuu vieritysten ja niin pitkälle alaspäin kuin sivulla on sisältöä. Esimerkiksi kuva jonka koko on 80 x 60 pikseliä, näkyy näytöllä riveittäin niin että jokaisella rivillä on 10 jokin.gif-kuvaa. Ja alaspäin kuvarivejä on niin monta kuin asiaa riittää. Normaali selaimen näytönkoko on noin 800 x 500 pikseliä. Taustakuvissa on hyvä muistaa se, että yleensä sivulla on tekstiä jonka tulisi erottua. Kannattaa käyttää joko vaaleita tai tummia kuvia.

Taustanväri:
<BODY BGCOLOR=”#FFFFFF”>.............</BODY>
Taustaväriksi voit valita minkätahansa RGB-värin. Värin muutos riippuu risuaidan jälkeen kirjoitetusta 6 numeroisesta/kirjaimisesta sarjasta. Katso oheinen värikoodi-sivu. Joissakin editoreissa voit valita värin suoraan väripaletista, jolloin editori lisää automaattisesti oikean koodin.

Tekstin ja linkkien väri:
Tekstin ja linkkien värit voidaan määritellä samalla tavalla kuin taustavärinkin. <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000 LINK=”#FF0000” ALINK=”#FFFFFF” VLINK=”#FFFF00”>.............</BODY>
Yläpuolen koodissa TEXT määrää tekstin värin, LINK määrää linkin värin, ALINK määrää linkin värin kun sitä painetaan ja VLINK määrää vieraitujen linkkien värin. Myös tekstien ja linkkien värin saat joissakin editoreissa muutettua suoraan väripaletista.

Marginaalit:
<BODY LEFTMARGIN=100> tai <BODY topMARGIN=100> tageilla saat annetun pikseliarvon verran vasemmalla sivulle tai ylös marginaalit. Tagi toimii tällä hetkellä vain Explorerissa.

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

otsikko