Harjoitellaan kuvien liittämistä nettisivuille.

1. Lue sivun perusrakenne ja vaihda taustaväri mieluiseksisi

2. Lisää sivulle noin 12-20 kuvaa, kaikkien kuvien pitää liittyä yhteen aiheeseen. Muista tekijänoikeudet!!!
esimerkkiaiheita
-hedelmiä
-horoskooppimerkit
-kotimaiset kasvikset
-erilaisia soittimia
-erilaisia autoja (malleja/merrkejä)

3. Kokeile lopuksi lisätä jokaisen kuvan alle/viereen kuvateksti. esim appelsiini. Tämä on vaikeaa kuten huomaat. Jos et onnistu, niin jätä väliin mutta yritä!

4. Kiinnitä huomiota sijoitteluun ja kuvien kokoon, käytä reunoja tarvittaessa!

5. Palauta kuvakaappaus peda.nettiin nimellä harjoitustyö2

vinkkejä:
muista sivun perusrakenne ensin!

<IMG SRC="kuva.gif"> tiedostomuoto .jpg tai .png
BORDER="1" reunuksen eli kehyksen paksuus
WIDTH="100" kuvan leveyden säätö
HEIGHT="100" kuvan korkeuden säätö
HSPACE="10" paljonko tyhjää tilaa vaakasuunnassa
VSPACE="10" paljonko tyhjää tilaa pystysuunnassa
ALT="kuvan nimi" kuvan nimeäminen

Kaikkia yllämainutuja optioita ei välttämättä kannata käyttää.

eli yhden kuvanlisäämiseen voit tarvita jopa tälläisen html-tägin:
<IMG SRC="kuva.gif" width="60" height="60" hspace="10" vspace="5" border="1" >