Harjoitellaan kuvien liittämistä nettisivuille.
♥
1. Lue sivun perusrakenne ja vaihda taustaväri mieluisaksi, EI VALKOINEN
(HTML, HEAD, TITLE, /HEAD, /TITLE, BODY, /BODY, /HTML)
BODY BGCOLOR="#AABBCC"

2. Lisää sivulle noin 12,15 tai 18 kuvaa, kaikkien kuvien pitää liittyä yhteen aiheeseen. Muista tekijänoikeudet!!! Käytä Googlen kuvahausta hakutyökaluista kohtaa "saa käyttää uudestaan". TALLENNA KUVAT HARJOITUSTYÖ 2-kansioon!
esimerkkiaiheita
-hedelmiä (banaani, omena, ananas,...)
-horoskooppimerkit (vaaka, leijona, kauris,...)
-kotimaiset kasvikset (porkkana, punajuuri, lanttu,...)
-erilaisia soittimia (piano, vielu, kitara,..)
-erilaisia automerkkejä (toyota, honda, volkswagen,...)
-urheilulajeja. (koripallo, jalkapallo, tennis,...)

3. Tallenna työ nimellä harjoitustyö2.html

♥♥
4. Yhtenäistä kuvat saman kokoiseksi (WIDTH, HEIGHT)

5. Lisää kuviin samankokoinen kehyks. Anna kuville nimi ALT-tägillä

6. Tallenna työ.

♥♥♥
7. Asettele kuvat 4*3, 3*5 tai 3*6 muotoon Esim neljä kuvaa kaikilla kolmella rivillä

8. Aseta kuvien ympärille tyhjää tilaa (HSPACE,VSPACE)

9. Kirjoita kuvien alle mitä kuvassa on. esim Banaani, omena... Tekstin sijoittelu on hankalaa, etsi netistä apua tarvittaessa esim pre-tägi

10. Palauta tiedosto sekä kuvakaappaus peda.nettiin



<IMG SRC="kuva.gif"> tiedostomuoto on joko .jpg tai .png tai gif tai bmt
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ää.


<IMG SRC="kuva.gif" width="60" height="60" hspace="10" vspace="5" border="1" >