Harjoitus 1
Tee html-taulukko, jonka sisältö ja ulkoasu on mallin mukainen.
1. Tee perustaulukko html:llä (käytä table, tr ja td -elementejä.)
2. Tee ulkoinen tyylitiedosto, jossa määrittelet värit, fontit, leveydet ja korkeudet. Käytä fonttina Arialia (vaihtoehtoina Helvetica ja sans-serif)
3. Tallenna ja esikatsele
4. Tee sisällysluetteloon linkki tähän harkoitukseen.
Harjoitus 2
Tee uusi html-sivu, joka on taulukolla jaettu kahteen osaan. Vasemmalle puolelle tulee navigaatio ja oikealle sisältö:
valikko |
|
|---|
Muokkaa sivun ulkoasu mieleiseksesi CSS-tiedostolla: fontti, taustavärit ja -kuvat, leveydet, korkeudet jne..
Jos haluat viedä leiskaa pitemmälle, katso lisää esimerkkejä html-taulukoista.