http://users.metropolia.fi/~nooraes/
...
http://users.metropolia.fi/~nooraes/Päätimme tehdä sivut, jossa on linkkejä rumille nettisivuille.
1. Dokumenttityypin etsiminen netistä.
-Ensin haimme oikean dokumenttityypin googlesta hakusanalla "html doctype".
(http://www.w3schools.com/tags/tag_doctype.asp)
...
4. Css-tiedoston luominen, tyylien määrittely
-Loimme Notepadilla css-tiedoston tallentaen tiedoston nimellä tyyli.css.
Tyylitiedostoon määrittelimme ensimmäiseksi body- tagille taustavärin, fontin ja fontin värin.
Tyylimääreet laitettiin bodyn sisään näin:
body{
background-color:värin nimi;
font-family:verdana;
color:värin nimi;{color:#ff6600}}
Tarkat värien nimet etsimme googlesta hakusanalla "html color names". (http://www.w3schools.com/html/html_colornames.asp)Samaan tyylitiedostoon määritimme otsikon tyylin h1{}, linkkien tyylin a{} ja kuvien tyylin img{}.
...