Yleistä

HTML:n varsinainen tehtävä on kuvata dokumentin rakenne, ei niinkään ulkoasua. Eri selaimet näyttävät saman sivun hieman eri tavalla. Esimerkiksi Lynx osaa näyttää vain tekstit, kun taas Netscape Navigator näyttää kuvia ja animaatioita. Myös selaimen käyttäjä voi määrittää, näytetäänkö kuvia ja millaisia värejä käytetään teksteissä. Näkövammaisille tarkoitetut selaimet lukevat HTML-dokumentin ääneen. Tällöin on tärkeää, että dokumentin rakenteesta kertovat koodit ovat oikein. Tämän vuoksi sivut tulisikin testata mahdollisimman monella selaimella eri laitekokoonpanoilla.

HTML:ää voi kirjoittaa lähes millä tahansa tekstieditorilla, tai käyttää erityistä HTML-editoria. Editorin tulisi käyttää ISO-Latin 1 -merkistöä, jota skandinaaviset merkit näkyisivät oikein. Jos ei ole varma editorinsa käyttämästä merkistöstä, voi skandinaaviset merkit korvata erikoismerkinnöillä.

HTML:n luomiseen on myös olemassa julkaisuohjelman tavoin toimivia ohjelmia, joissa käyttäjän ei tarvitse osata HTML:ää. Nämä tuottavat varsin ikävää HTML:ää, joka ei yleensä noudata HTML 3.2:ta. Tällaisen ohjelman tuottaman HTML:n muokkaaminen käsin on hankalaa.

Rakenne

HTML-koodien (merkkien, tagien, engl. tag) tarkoitus on kuvata dokumentin rakenteelliset elementit. Kaikki koodit kirjoitetaan pienempi kuin ja suurempi kuin -merkkien sisään. Useimmat koodeista toimivat pareina, jolloin varsinainen teksti jää koodiparin väliin. Ensimmäinen määrittely kertoo, mistä koodin vaikutus alkaa ja jälkimmäinen kertoo, mihin vaikutus loppuu, esim. <H1>Otsikko</H1>. Jotkin koodit toimivat yksinään, esim rivinvaihto <BR>.

Notaatio

Oppaassa käytetään seuraavia merkintöjä koodeista.

(1) <IMG SRC="URL">
(2) SRC=URL, ALT=string, ALIGN=left|right|top|middle|bottom, HEIGHT=n, WIDTH=n, BORDER=n, HSPACE=n, VSPACE=n, USEMAP=URL, ISMAP

(1) antaa esimerkin koodin yleisestä käytöstä. Tämän esimerkin IMG-koodi ei tarvitse lopettavaa koodia. Jos aloittava tai lopettava koodi on hakasuluissa, sitä ei välttämättä tarvita.

(2) kertoo määreet, joita voi laittaa koodiin. Lihavoidut atribuutit ovat pakollisia. Atribuuteissa varsinainen avainsana on kirjoitettu isoin kirjaimin ja mahdolliset arvot pienin kirjaimin.

|
tarkoittaa vaihtoehtoa. Voit valita pystyviivalla erotetuista arvoista yhden. Esimerkiksi ALING=left ja ALIGN=bottom ovat luvallisia.

n
tarkoittaa numeroa. Se ei saa sisältää etumerkkiä. Numeroita ei tarvitse laittaa lainausmerkkien sisään.

p%
tarkoittaa prosenttilukua. Luvun täytyy olla kokonaisluku ja se täytyy laittaa lainausmerkkeihin. Esimerkiksi "99%".

URL
korvataan osoitteella. Osoite voi olla absoluuttinen tai relatiivinen. On suositeltavaa laittaa osoitteet lainausmerkkeihin. Osoitteita ovat esim. "http://www.jyu.fi/mikaves/" ja "tausta.gif".

string
korvataan merkkijonolla. Merkkijono täytyy laittaa lainausmerkkeihin.

#RRGGBB
Värikoodi heksadesimaalisessa muodossa. Väri koostuu punaisen, vihreän ja sinisen määrän kuvavaavista heksadesimaaliluvuista. Värikoodi täytyy laittaa lainausmerkkeihin.