Bemutatkozó oldal képek nélkül? Szó sem lehet róla! Az <img src="fájlnév"> paranccsal helyezhetünk el egy képet az oldalunkon. (img=image=kép) A kép .gif vagy .jpg kiterjesztésû (illetve formátumú) lehet. Ez a két fájltipus biztosítja a legtömörebb képpontonkénti ábrázolási lehetõséget. Ha van olyan rajzolóprogramunk, ami ismeri ezen fájltipusokat, nézzük meg vele, hogy a különbözõ tipusú képek mérete mennyire eltérõ. Nem hiszem, hogy magyarázni kellene, hogy a méret milyen fontos szempont az internetes adatátvitelnél. Példánkban a HTML-verseny elsõ feladványának kicsinyített képét mutatjuk be. Ha azt szeretnénk, hogy a képre kattintva a versenyfelhívás jelenjék meg, akkor a már jól ismert <a href> formulát alkalmazzuk. Az "aktív" képet a kéken világító szegély jelzi. Ha nem akarjuk, hogy ez látszódjék, akkor a border=0 (a szegély szélessége=0) értéket kell beállítanunk.
<img src="fa1.gif"> | <a href="htmlver.htm"> <img src="fa1.gif"></a> | <a href="htmlver.htm"> <img src="fa1.gif" border=0></a> |
|
A képet követõ szöveg helyzetét az align paranccsal tudjuk rendezni felülre középre vagy alulra.
<img src="fa1.gif" align="top"> | <img src="fa1.gif" align="middle"> | <img src="fa1.gif" align="bottom"> |
|
Ha igazán szépen elrendezett képeket akarunk, akkor táblázatba kell tennünk õket. A képek pontosan úgy viselkednek a táblázat elemeiként, mintha szöveget írtunk volna be.<a name="alt"> Ha használjuk az ALT opciót, akkor nevet adhatunk a képünknek. Ez akkor hasznos, ha valaki úgy böngészi az oldalunkat, hogy nem nézi a képeket. (Például a Lynx nevû programmal.)
<img src="fa1.gif" alt="verseny"> |
|
<a name="height"> A képek méretét is megváltozathatjuk a height és a width (height=magasság, width=szélesség) értékek beállításával.
<img src="fa1.gif" height=40 width=100> |
|
A height és a width értékét akkor is érdemes beállítani, ha nem akarunk a kép méretében változást, ugyanis az elõre beállított képméret a letöltést gyorsítja, hiszen a böngészõnek nem kell a letöltést megvárnia ahhoz, hogy a kép helyét kiszámítsa.
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!