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