Képek

Egy képet az <IMG SRC="url"> kóddal jeleníthetünk meg (IMG SRC = IMaGe SouRCe = kép-forrás), ahol az "url" a képfájl neve, szükség esetén az elérési úttal megelőzve. Például, az aktuális könyvtárból egy "hullam.jpg" nevű képet a következőképpen jeleníthetünk meg a weblapunkon:

<IMG SRC="hullam.jpg">

Ha a kép nem az aktuális könyvtárban van, akkor (lásd a "Linkek" fejezetnél) meg kell adnunk annak elérési útját is, például:

<IMG SRC="kepek/tenger/hullam.jpg"> vagy <IMG SRC="../../hullam.jpg">

A kép leírása: ALT

Amikor nemlétező képet akarunk megjeleníteni — vagy ha a kép létezik ugyan, de helytelenül adjuk meg az elérési útját —, akkor a következő ábra fog megjelenni a helyében:

<IMG SRC="nincsmeg.jpg">

Ha a kép nem található meg, így legalább meg fog jelenni a leírása:

<IMG SRC="sport/marion.jpg" ALT="Marion képe">

Ha a kép megvan, és sikeresen megjelent, akkor az egérkurzorral fölötte megállva megjelenik az ALT attribútumnál megadott szöveg: "Marion képe":

<IMG SRC="marion.jpg" ALT="Marion képe">

Linkként használt kép

Egy képet linkként is használhatunk: a képre kattintva elindíthatjuk egy weblap betöltését:

<A HREF="http://www.iaaf.org" TARGET="atletika">   <IMG SRC="marion.jpg" ALT="Az atlétika honlap letöltése"> </A>

A kép körül megjelenő szegélyvonal eltűntethető a BORDER=0 attribútummal (lásd lennebb a képek szegélyezését).

A kép szélessége és magassága: WIDTH és HEIGHT

Egy kép eredeti méretét és arányait megváltoztathatjuk, ha megadjuk, mekkora szélességben és magasságban jelenjen meg. Ezek a méretek megadhatóak pixelben (ekkor a kép eltorzulhat):

<IMG SRC="hullam.jpg" WIDTH=50 HEIGHT=80>

és százalékban (a kép eredeti méretéhez képest):

<IMG SRC="hullam.jpg" WIDTH=30%>

Az alábbiakban felsorolt tulajdonságok a HTML későbbi változataiban nem lesznek érvényben.

Szegélyvonal a kép körül: BORDER

<IMG SRC="hullam.jpg" BORDER=1>

A BORDER attribútumnál megadott szám pixelben kifejezi a szegélyvonal vastagságát:

<IMG SRC="hullam.jpg" BORDER=6>

A kép helyzete: ALIGN

Az ALIGN a kép helyzetét határozza meg a környezetéhez képest. Lehetséges értékei: Left, Right, Center.

<IMG SRC="hullam.jpg" ALIGN=Left> szöveg

szöveg

<IMG SRC="hullam.jpg" ALIGN=Right> szöveg

szöveg

<IMG SRC="hullam.jpg" ALIGN=Center> szöveg

szöveg

A kép és a szomszédos elemek távolsága: HSPACE és VSPACE

A HSPACE a kép és a mellette levő elem (kép, szöveg stb.) távolságát határozza meg pixelben. Az alábbi példában a képtől balra is és jobbra is üresen marad egy 15 pixelnyi terület:

<IMG SRC="hullam.jpg" HSPACE=15>szöveg

szöveg

Az alábbi példában a kép fölé és alá kerül egy-egy 10 pixel magasságú űr:

<IMG SRC="hullam.jpg" VSPACE=10>szöveg

szöveg