Ulkoasu

HTML-dokumentin ulkoasua voidaan muokata tyyleillä. Tämä on helpointa toteuttaa luomalla ulkoinen tyylitiedosto, joka on muotoa .CSS. Eli esimerkiksi ulkoasu.css. Tyylitiedoston etuna on se, että sitä muokkamalla voidaan helposti muuttaa HTML-dokumentin ulkoasua. Tyylitiedosto luodaan samalla työkalulla kuin HTML-dokumentti.

Täältä löytyy esimerkkityylitiedosto,joka liittyy esimerkkikoodiin. Voit muuttaa sitä omiin tarpeisiisi sopivaksi. Tallenna se samaan kansioon esimerkkikoodin kanssa. Huomaa, että nyt sinun on muutettava esimerkkikoodi käyttämään tätä uutta tyylitiedostoa. Se tapahtuu muuttamalla head -elementissä olevia tietoja


< link href="http://people.jyu.fi/~kimakiku/verkko/tyyli.css"
rel="stylesheet" type="text/css" />

muotoon:
< link href="esimerkkityyli.css" rel="stylesheet" type="text/css" />.