...
Tämä on opetusteksti, jonka päämääränä on opettaa lukijaansa merkkaamaan HTML-kielellä vastaavanlainen sivu: Paras Avoin Sivu Koskaan AIkuisille
Tiedoston luominen
Ohjelmistoksi käy esimerkiksi notepad++, notepad tai Adobe Dreamweaver.
...
jossa korvaat "favicon.ico" -osan faviconisi tiedostonimellä. Tiedoston tulee olla samassa parent directoryssä kuin kirjoitettava sivu. Sama pätee mahdollisiin "alasivuihin".
Sivullamme käyttämä CSS näyttää seuraavanlaiselta:näkyy seuraavan linkin takaa:
CSS tekstissämme auttaa muodostamaan sivumme taustan ja sen värit sekä fontit ja fonttien värit. Ensimmäiset kolme osiota määrittävät ensin taustan värin ja sitten taustassa näkyvät "suorakulmiot". Loput CSS osiosta (h1.otsikko lähtien) muokkaa tekstin ja linkkejen värejä ja fontteja.
Ja tässä vielä ohjeet loppuun sivuun tarvittavaan koodiin: