Esimerkissä:
<IMG SRC="kuvat/sharks.gif">
<IMG SRC="tiedoston sijainti ja nimi">
<IMG SRC="sharks.gif">
<IMG SRC="http://www.lehtikanta.fi/pvuorenm/html-ohje/kuvat/sharks.gif">
Esimerkissä:
<IMG SRC"kuvat/powrbook.gif" BORDER="1">
Esimerkissä:
<IMG SRC"kuvat/powrbook.gif" BORDER="4">
| top
| texttop |
| middle
| absmiddle |
| bottom
| absbottom
| baseline |
| left
| right
|
Tekstiä ennen kuvan sijoittamista.
Esimerkissä:
Tekstiä ennen kuvaa.
Esimerkissä:
Tekstiä ennen kuvaa.
Esimerkissä:
Tekstiä ennen kuvaa.
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä:
Esimerkissä viitattu linkki suoraan kuvaan:
Esimerkiksi:
< IMG SRC="kuvat/sharks.gif" ALIGN=top>
Teksti sijoittuu kuvan yläreunaan ja kuva on kuin yhdellä rivillä tekstin kanssa ja seuraava rivi alkaa vasta kuvan alta.
Esimerkiksi:
< IMG SRC="kuvat/sharks.gif" ALIGN=texttop>
Teksti sijoittuu kuvan yläreunaan ja kuva on kuin yhdellä rivillä tekstin kanssa ja seuraava rivi alkaa vasta kuvan alta.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=middle>
Teksti sijoittuu kuvan keskelle ja kuva on kuin yhdellä rivillä tekstin kanssa ja seuraava rivi alkaa vasta kuvan alta.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=absmiddle>
Teksti sijoittuu kuvan keskelle ja kuva on kuin yhdellä rivillä tekstin kanssa ja seuraava rivi alkaa vasta kuvan alta.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=bottom>
Teksti sijoittuu kuvan alareunaan ja kuva on kuin yhdellä rivillä tekstin kanssa.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=absbottom>
Teksti sijoittuu kuvan alareunaan ja kuva on kuin yhdellä rivillä tekstin kanssa.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=baseline>
Teksti sijoittuu kuvan alareunaan ja kuva on kuin yhdellä rivillä tekstin kanssa.
Esimerkiksi:
<IMG SRC="kuvat/sharks.gif" ALIGN=left>
Kuva suljettu vasemmalle. Kuva sijoittuu ihan vasempaan reunaan ja teksti kiertää kuvaa. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.
<IMG hspace="50" SRC="kuvat/sharks.gif" ALIGN=LEFT>
xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.
<IMG vspace="20" SRC="kuvat/sharks.gif" ALIGN=LEFT>
xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.
<IMG hspace="50" vspace="20" SRC="kuvat/sharks.gif" ALIGN=LEFT>
xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx. xxx xx xxxxxx xxx xx xxxxxxxx xxx xxxxxx.
KOKO - HEIGHT= WIDTH=
<IMG SRC="kuvat/sharks.gif">
<IMG SRC="kuvat/sharks.gif" WIDTH="113" HEIGHT="85">
<IMG SRC="kuvat/sharks.gif" WIDTH="50" HEIGHT="30">
<IMG SRC="kuvat/sharks.gif" WIDTH="200" HEIGHT="100">
<IMG SRC="kuvat/sharks.gif" WIDTH="200">
<IMG SRC="kuvat/sharks.gif" WIDTH="400" HEIGHT="5">
<IMG SRC="kuvat/sharks.gif" WIDTH="70%">
ALT= Määre
(tekstillinen kuvaus kuvasta)
<IMG SRC="joku.gif">
<IMG SRC="joku.gif" ALT="joku.gif">
LOW - ALOITUSKUVA
Esimerkissä mustavalko .gif aloituskuvana:
<IMG LOWSRC="kuvat/sharkslo.gif" SRC="kuvat/sharkslo.gif">
LOW-versio
<IMG LOWSRC="kuvat/sharkslo.jpg" SRC="kuvat/sharks.gif">
LOW-versio
<IMG WIDTH="113" HEIGHT="85" LOWSRC="kuvat/sharkspi.jpg" SRC="kuvat/sharks.gif">
LOW-versio suurennettu
koosta (28x21).
Linkki avaa kuvan omaksi sivuksi -
<A HREF="kuvat/sharks.gif">sharks.gif</A> koko n. 32 Kt
SISÄLLYSLUETTELOON