| <IMG
SRC="kone.gif"> Tuo
sivulle kone.gif nimisen kuvan. Jos kuva ei ole samassa hakemistossa,
merkitse sitaatteihin hakemistopolku (esimerkki myöhemmin). Tagi voi kuvan nimen jälkeen sisältää
myös seuraavia lisäyksiä: Kuvien
sijoittelukoodit
ALIGN="…...."
Lainausmerkkien väliin tulee joku seuraavista
TOP kuvan
yläreuna on tekstin yläreunan tasalla
MIDDLE kuvan
keskikohta on tekstin perusviivan kohdalla
BOTTOM kuvan
alareuna on tekstin perusviivan kohdalla
LEFT kuva
sivun vasemmassa reunassa, teksti
juoksee kuvan vierellä
RIGHT kuva
sivun oikeassa reunassa, teksti juoksee kuvan vierellä
Muita
kuvan ominaisuuksia muuttavia koodeja, lainausmerkkien väliin tulee
numero
BORDER="n"
kuvan reunukset pikseleinä
WIDTH="n"
kuvan leveys pikseleinä
HEIGHT="n"
kuvan
korkeus pikseleinä
HSPACE="n"
kuvan etäisyys muihin sivun osiin vaakatasossa
VSPACE="n" kuvan
etäisyys muihin sivun osiin vaakatasossa
Tärkeä lisäys kuvan tagiin:
ALT="….."
lainausmerkkien väliin kirjoitetaan teksti, joka näkyy ruudulla jos
kuva ei lataudu, sekä hiiren osoittimen ollessa kuvan päällä. Tämä
palvelee niitä sivun katselijoita, joilla ei kuvat lataudu syystä tai toisesta.
Esimerkiksi näkövammaisten apulaitteet osaavat lukea nämä alt-tekstit,
ja siten sivun kokonaisuus hahmottuu paremmin näkövammaisellekin
käyttäjälle.
Esimerkki:
<IMG SRC="logo.gif"
ALT="Pallo" ALIGN="LEFT" BORDER="3">
Selitys
Tuo kuvan nimeltään logo.gif.
Jos se ei lataudu, tai kun hiiren vie kuvan päälle, näkyy teksti
Pallo. Kuva on sivun vasemmassa laidassa ja teksti kuvan vierellä,
kuvan reunuksen paksuus on 3 pikseliä.
|
