Képek



A HTML formátumú dokumentumban képeket - grafikákat - 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" 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 pixelben.

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>

	<Érd; város címere szövegbe beszúrva
	<IMG SRC="erd.png" BORDER=0  WIDTH="100" HEIGHT="140" USEMAP="#osztott" ISMAP ALT="Érd címere">
	így jelenik meg. 

	<HR><P>
	<IMG ALIGN="right" SRC="erd.png" WIDTH="100" ALT="...">
	Ugyanez jobbra igazítva és arányosan kicsinyítve ...
	<P>
	<IMG ALIGN="left" SRC="erd.png" VSPACE=20 HEIGHT="100">
	Ugyanez balra igazítva és arányosan kicsinyítve ...

	<HR><P>
	<IMG ALIGN="top" SRC="erd.png" HSPACE=40 WIDTH="100">
	Ugyanez a szöveg felsõ széléhez igazítva ...
	<P>
	<IMG ALIGN="middle" SRC="erd.png" WIDTH="100" HEIGHT="100">
	Ugyanez sorközépre igazítva, valamint ...
	<P>
	<IMG ALIGN="bottom" SRC="erd.png" WIDTH="200" HEIGHT="100">
	Ugyanez a sor alsó széléhez igazítva, valamint ...

	<P>
	<A NAME="vege">ITT A VÉGE</A>