HTML-tiedoston kirjoittaminen

Tätä voit harjoitella vaikkapa omalla tietokoneellasi.
Avaa tekstitiedosto, kirjoita ohjeiden mukaan ja tallenna se nimellä harjoitus.html, mene sitten kansioon, johon tallensit ja klikkaa sitä, jolloin se aukeaa sivuna.


Html-tiedosto alkaa tagilla html. Tagit ovat koodikomentoja, jotka tulevat hakasulkeiden < ja > väliin. Aloita html-tiedoston kirjoittaminen näin:


Nyt noiden kahden, html ja /html-tagien väliin tulevat kaikki muut tiedoston komennot.

Tagin html alapuolelle tulevat tagit head ja /head. Niiden sisään kirjoitetaan taas tagit title ja /title, jotka määrittelevät tiedoston otsikon. Lisää komennot esimerkin mukaan:


Muokkaamamme tiedosto näyttää nyt tältä:




Tagin /head alapuolelle tulee tagi body ja sen päättelevä tagi /body tulee tagin /html yläpuolelle:



Nyt olemme siis luoneet perushtml-tiedoston, johon voi alkaa lisäilemään tekstiä ja muuta. Ihan aluksi määritellään tiedoston värit, tausta ja tekstin väri.
Ne määritellään liittämällä tagiin body määritteet bgcolor="väri" ja text="väri".
(kohtaan "väri" tulee sanan väri paikalle värin määrite, joka on joko koodi tai värin englanninkielinen nimitys, mutta voi periaatteessa olla mikä sana vain.)

Kirjoita nyt esimerkin mukainen teksti:


Ja katso, onko tiedostosi nyt tämän näköinen:


Jos tiedosto on erilainen, tarkista koodi hyvin tarkasti, onko se samanlainen, kuin ylemmässä esimerkissä, html:lässä pienikin kirjoitusvirhe voi olla hyvinkin haitallinen.


Seuraavassa tutustutaan tarkemmin tekstin koodaamiseen html-tiedostossa


Teksti ja tiedot © Äffä, tekstiä ei saa suoraan kopioida minnekkään