Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky
 Umiestnite " img " tag v HTML súbore , kde chcete , aby váš obrázok pre zobrazenie na webovej stránke . Musí byť medzi " telo " značky a po " h1 " značiek . Napríklad , 
 
< /body > Spojené
 definuje obrázok pomenovaný photo.jpg , že je 170 pixelov široký a 50 pixelov vysoký . To je prvá vec , na stránke po kaloty . 
 2 
 definovať priestor okolo prvky stránky , ako sú obrázky , použite " okraje " atribút CSS . " Auto " hodnota atribútu marža hovorí webový prehliadač automaticky určiť množstvo priestoru . Takže  definuje , že priestor okolo obrazu je určená prehliadači .
 definuje , že priestor okolo obrazu je určená prehliadači . 
 3 
 Použite " zobrazenie " vlastnosť definovať , ako sa zobrazí stránka element . " Blok " hodnota pre vlastnosť displeja hovorí webový prehliadač pre zobrazenie prvku na samostatnom riadku , s priestorom nad a pod ním . Takže , < img src = " photo.jpg " alt = " Popis obrázku " width = " 170 " height = " 50 " style = " margin : auto ; display : block ; " /> definuje rovnaký obraz , ale prídavok . " display : block ; " sa umiestni ju na samostatnom riadku 
 4 
 Zobraziť na webovú stránku v niekoľkých rôznych prehliadačoch overiť , že obraz je správne vycentrovaný .