K�pek elhelyez�se a HTML dokumentumban

A HTML form�tum� dokumentumban k�peket - grafik�kat - is is elhelyezhet�nk. Az <IMG SRC="el�r�si_�t/f�jln�v.kit"> utas�t�s a sz�veg aktu�lis pozici�j�ba helyezi a megadott k�pet.
Enn�l az�rt a legegyszerûbb sz�vegszerkeszt� program is t�bbet ny�jt. A HTML dokumentum csinos�t�s�ra is vannak a k�pek elhelyez�s�nek finomabb lehet�s�gei is. Ha ezeket mind kihaszn�ljuk, akkor az utas�t�s a k�vetkez�k�ppen fog kin�zni: <IMG ALIGN="hely" SRC="el�r�si_�t/f�jln�v.kit" HSPACE="vsz�m" VSPACE="fsz�m" WIDTH="szm�ret" HEIGHT="mmeret" UNITS="egys�g" USEMAP="#jelz�" ISMAP ALT="sz�veg">.

Az ALIGN opci� meghat�rozza a k�p igaz�t�s�nak m�dj�t, lehets�ges �rt�kei: top, middle, bottom, left, right.
A HSPACE a k�p melletti v�zszintes t�rk�zt, a VSPACE pedig a f�gg�leges t�rk�zt (ha �gy tetszik: marg�kat) hat�rozza meg.
A WIDTH a sz�less�g�t, a HEIGHT pedig a magass�g�t adja a k�pnek, az UNITS �ltal meghat�rozott egys�gben (pixel vagy en).
Az ALT azt a sz�veget adja meg, amelyet nem grafikus b�ng�sz�k haszn�lata eset�n meg fog jelenni a k�p helyett.

Az USEMAP, ISMAP �sszetartoz� opci�k a k�p k�l�nb�z� ter�leteihez k�l�nb�z� hipertext hivatkoz�sokat rendelhetnek. (Teh�t csak akkor van �rtelm�k, ha a k�p egy hivatkoz�s r�sze! Ekkor a hivatkoz�sok <A HREF=...> �s </A> utas�t�sp�rj�t nem kell megadni.) Ezenk�v�l szorosan kapcsol�dik ezen opci�khoz (az <IMG> utas�t�st megel�z�en) a k�vetkez� utas�t�sstrukt�ra:
<MAP NAME="jelz�">
<AREA SHAPE="alak" COORDS="koordin�t�k" HREF="hivatkoz�s">
...
</MAP>
amellyel egy hivatkoz�si t�rk�pet kell megadni. Az <AREA> utas�t�sb�l term�szetesen t�bb is szerepelhet. A SHAPE opci� a circle, rect, polygon �rt�keket veheti fel, amikor circle (k�r) eset�n a COORDS h�rom vessz�vel elv�lasztott koordin�t�t tartalmaz (k�z�px,k�z�py,sug�r), rect (t�glalap) esetben n�gyet (balfels�x,balfels�y,jobbals�x,jobbals�y), a polygon (soksz�g) eset�n pedig minden cs�cs koordin�t�it meg kell adni. A <MAP NAME="jelz�">, </MAP> utas�t�sp�rral k�r�lhat�rolt hivatkoz�si r�sz k�l�n f�jlban is elhelyezhet�. Ekkor az USEMAP opci� kimarad. - Vigy�zat az ISMAP nem marad el! - Helyette a <A HREF="f�jln�v.map"> �s az </A> utas�t�sok k�z� kell z�rni az <IMG SRC=...> utas�t�st. (Ahol a f�jln�v.map annak a f�jlnak a neve, URL-je, amely a hivatkoz�sokat tartalmazza.)

Az al�bbi p�lda ugyanazon k�p elhelyez�s�re t�bb vari�ci�t tartalmaz (az itt szerepl� p�ld�ban a p�ldadokumentum sz�vegei r�vid�tve szerepelnek):

        <MAP NAME="osztott">
        <AREA SHAPE="circle" COORDS="130,130,50" HREF="#vege">
        </MAP>
        Mak� v�ros c�mere sz�vegbe besz�rva
        <IMG SRC="k10.gif" ALT="c�mere" USEMAP="#osztott" ISMAP>
        �gy jelenik meg ...
        <P>
        <HR>
        <P>
        <IMG ALIGN="right" SRC="k10.gif" WIDTH="100" ALT="...">
        Ugyanez jobbra igaz�tva �s ar�nyosan kicsiny�tve ...
        <P>
        <IMG ALIGN="left" SRC="k10.gif" VSPACE=20 HEIGHT="100" ALT="...">
        Ugyanez balra igaz�tva �s ar�nyosan kicsiny�tve ...
        <P>
        <HR>
        <P>
        <IMG ALIGN="top" SRC="k10.gif" HSPACE=40 WIDTH="100" ALT="...">
        Ugyanez a sz�veg fels� sz�l�hez igaz�tva ...
        <P>
        <IMG ALIGN="middle" SRC="k10.gif" WIDTH="100" HEIGHT="100" UNITS="en" ALT="...">
        Ugyanez sork�z�pre igaz�tva, valamint ...
        <P>
        <IMG ALIGN="bottom" SRC="k.gif" WIDTH="200" HEIGHT="100" UNITS="pixel" ALT="...">
        Ugyanez a sor als� sz�l�hez igaz�tva, valamint ...
        <P>
        <A NAME="vege">V�GE</A>