Alapfokú html tanfolyam 9. rész

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.

A képet követő szöveg helyzetét az align paranccsal tudjuk rendezni felülre középre vagy alulra.

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. 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.)

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.

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.

Folytatás.

Üdvözöljük honlapunkon