[[Fájl:HTML_kep.jpg|right]]Számos megoldás létezik arra, hogy képet illesszünk be weboldalunkra. Az alábbiakban bemutatjuk, milyen kódrészletet kell beilleszteni ahhoz, hogy képet jelenítsünk meg a honlapon.

# '''Döntsük el, hogy hogyan szeretnénk beilleszteni a képet!'''

## A kép a háttérben jelenjen meg.# '''Ha azt szeretnénk, hogy egy link jelenjen meg az oldalon, és ha rákattintunk, nyíljon meg a kép, a következő kódrészletet kell beillesztenünk: ''' <a href=”Susan.jpg”>Susan</a>. Ebben az esetben a képnek fent kell lenni a szerveren Susan.jpg névvel ellátva. Ha ezt illesztjük be, akkor a Susan név fog megjelenni a szövegben linkesítve, amit, ha lekattintunk, megnyílik a Susan.jpg kép.# '''Amennyiben csak a képet szeretnénk önmagában megjeleníteni az oldalon, a következő kód részlettel kódrészlettel tudjuk megtenni. ''' <img src=”Susan.jpg” height=”680” width=”500” alt=”Susan B.”/> Ebben az esetben ugyanúgy a Susan.jpg kép fog megjelenni az oldalon, melynek ugyanazon a szerveren kell lennie, amelyen a weboldal is található. A height=’680” és a width=”500” pedig azt határozza meg, hogy 500 pixel széles és 680 pixel magas lesz a kép mérete az oldalon. Az alt= után írt szöveg pedig az lesz, ami abban az esetben olvasható, amennyiben a kép nem tud megjelenni valami oknál fogva.# '''Ha szeretnénk, hogy egy kiskép kis kép jelenjen meg, amire, ha rákattintunk, megnyílik a nagy kép is, akkor a következő kódrészlet beszúrására lesz szükségünk. ''' <a href=”Anna.jpg><img src=Anna_kicsi.jpg height=”80” width=”80” alt=”Anna”/> </a> Ebben az esetben az első Anna.jpg kép a nagy változat, ami akkor jelenik meg, ha a kicsire rákattintunk. Az Anna_kicsi.jpg pedig az a kép, ami alapból megjelenik az oldalon. A magassági és szélességi paraméterek, illetve a felirat, ami akkor jelenik meg, ha nem töltődik be a kép, a kis képhez tartozik. Természetesen ebben az esetben is mindkét képnek a szerveren kell lennie.# '''Ha azt választjuk, hogy egy kép legyen a háttere a weboldalunknak, akkor azt a következőképpen adhatjuk meg: ''' body{background-image:”part.jpg”;} a formázást tartalmazó kódrészletben. Ez esetben a part.jpg című kép lesz a forráskód body részében található szöveg háttere. 

* [httphttps://www.sakkom.hu/blog A szolgaltatasok/webfejlesztes SAKKOM Interaktív online marketing + pr ügynökség blogjawebfejlesztés]