[IMAGE]
 
WWW-sivun teko perustuu HTML-kielen elementteihin. HTML-kielen avulla kuvataan selaimille sivun ulkoasu. Elementeillä voit sekä muokata itse sivun asetuksia että sivun sisällön (tekstit, kuvat jne.) ominaisuuksia. HTML-kielen mahdollisuudet laajenevat jatkuvasti, joten pysyäksesi kehityksen mukana on aiheellista käydä katsomassa netissä mitä uusia ominaisuuksia HTML-kieleen on lisätty. Nyt viime vuosien aikana lisääntynyt tyylien, CSS, käyttö on saanut virallisemman aseman. Tämän takia tässäkin kurssissa käytetään rinnakkain vanhempaa tapaa muotoilla ulkoasua ja lisäksi käydään läpi uudet asiat tyylien määrittelystä ja käytöstä. Ongelma CSS:n kanssa ei niinkään ole tyylien standardointi, vaan selainten kyky noudattaa ja toteuttaa standardin mukaisia määrityksiä.

Muista uusien elementtien käytössä se, että aivan heti valtaosa ei pysty nauttimaan uusien elementtien luomista mahdollisuuksista, koska vanhat (päivittämättömät) selaimet eivät kykene näyttämään niitä. Osa olemassa olevista elementeistä ovat ns. Netscape-elementtejä, jotka toimivat vain Netscape-selaimissa. Myös Microsoft on lisännyt omaan Explorer-selaimeen muutamia elementtejä, jotka eivät muilla selaimilla näy. Jos haluat varmistaa sivujen näkyvyyden mahdollisimman monella selaimella, käytä elementeistä vain niitä, jotka toimivat kaikissa selaimissa. Ja muista tarkistaa, että sivut toimivat sillä tavalla kuin olit suunnitellut

HTML-kielen perusidea

Elementit tai elementtipari kirjoitetaan < ja >-merkkien väliin, esimerkiksi seuraava elementti <B>lihavoi</B>. Elementit yleensä tarvitsevat myös lopetuselementin, joka ilmaisee kyseisen elementin vaikutuksen loppumisen. Lopetus on lähes aloituksen näköinen. Lopetukseen tulee tekstin lisäksi /-merkki on pienempi kuin merkin jälkeen. Jos lopetus jää pois, jatkuu elementin vaikutus dokumentissa kaikkeen sivulla olevaan siitä kohdasta eteenpäin. 

HTML-elementeistä voi vahingossa jäädä osa elementeistä pois, ja silti sivut näkyvät selaimessa. Tämä johtuu siitä, että molemmat "valtaselaimet" päästävät koodivirheitä läpi, mutta se ei tee koodista HTML:ää. 

HTML-koodin kirjoittamiseen on lukuisia eri vaihtoehtoja. Voit tehdä sivusi yksinkertaisimmillaan vaikka muistiolla tai millä tahansa tekstin kirjoittamiseen kehitetyllä ohjelmalla.

Toinen tapa on konvertoida eli tallentaa muista ohjelmista HTML-muodossa. Näiden suhteen kannattaa olla varovainen, koska syntyvä koodi ei välttämättä olekaan sellaista kuin toivoit. Ja sen siivoamiseen joudut kuitenkin käsittelemään koodia käsin. 

Nykyään on olemassa erilaisia editoreja, joista osa on tekstipohjaisia (EDWin, HTMLED jne...) ja osa uusimmista editoreista (Netscapen Composer, Microsoftin Frontpage, Adobe GoAlive jne...) näyttävät jo tekovaiheessa sivut melkein samanlaisina kuin ne näkyvät selaimissa. Näistä editoreista käytetään nimitystä WYSIWYG (What You See Is What You Get).  Lisäksi uusien editorien käytössä ei tarvitse paljoakaan ymmärtää HTML-kielestä. Ongelma uusien editorien kanssa on se, että kun HTML-kieleen tulee uusia elementtejä, joudut lisäämään ne kuitenkin entiseen tapaa käyttämällä käsin koodaamista. Ja näilläkään editoreilla et aina saa tehtyä kaikkea haluamaasi oikein.

Testaamiseen  on käytetty Netscape Navigator 6.0, Microsoft Internet Explorer 5.0 ja Opera 5.11 selaimia.  

 
[IMAGE]