Webszerkesztés

Kép beillesztése

Képeket az <img> tag segítségével helyezhetünk el az oldalunkon.

A kép Inline elem: a sorban előtte állót követi, a sor mögötte tovább folytatódik.

Használható képformátumok: JPEG, GIF, PNG.

A kép forrása

Az <img> tag kötelező jellemzője a src (source=forrás), ami megadja a kép forrásának URL-jét. A saját könyvtárunkban lévő kép forrását megadhatjuk relatív (az aktuális könyvtárhoz viszonyítva), vagy abszolút módon (a gyökér könyvtárból indulva) is.

A képet helyettesítő szöveg

Az alt jellemzővel kell megadni a képet helyettesítő szöveget, ami akkor jelenik meg, ha a kép nem elérhető vagy a böngésző nem tudja megjeleníteni. Minden esetben töltsük ki, hiszen ezzel is segítünk azoknak, akik kikapcsolják a képek megjelenítését a böngészőprogramban, vagy eleve nem grafikus böngészőprogramot használnak, hanem például szövegfelolvasó programot. A vakok ilyen módszerrel böngésznek a weben, számukra alapvetően fontos, hogy a képek esetén legyen egy rövid szöveges leírás is.

A kép címe

A title jellemzővel információt helyezhetünk el a képpel kapcsolatban. Ez a szöveg általában buboréksúgóként jelenik meg a böngészőprogramokban, amennyiben az egérkurzort a kép fölé visszük.

A kép mérete

A width attribútummal a kép szélességét, a height attribútummal a magasságot adhatjuk meg képpontokban. Ha mindkét méretet megadjuk, ügyeljük arra, hogy a képméret arányos legyen az eredeti képpel.