Program za kodiranje web stranica koristi Hypertext Markup Language kako bi web pregledniku rekao funkcionalnu svrhu svakog elementa na stranici, kao što je odlomak, naslov ili popis. Od HTML-a 4, kaskadne tablice stilova pružaju koderu način da kaže pregledniku kako svaki od tih elemenata treba izgledati, odvojeno od definiranja što oni jesu. Stranica može imati različite CSS stilove za različite vrste uređaja, kao što su mobilni telefoni i stolna računala, dopuštajući promjenu izgleda stranice bez da koder treba mijenjati HTML. Koristite CSS svojstva za centriranje slike.

1. korak

Postavite oznaku "img" u HTML datoteku gdje želite da se vaša slika prikazuje na web stranici. Mora biti između oznaka "body" i iza oznaka "h1". Na primjer,

Ovo je vaš tekst.

definira sliku pod nazivom photo.jpg koja je široka 170 piksela i visoka 50 piksela. To je prva stvar na stranici nakon gornjeg naslova.

2. korak

Upotrijebite CSS atribut "margin" za definiranje prostora oko elemenata stranice, kao što su slike. Vrijednost "auto" za atribut margine govori web pregledniku da automatski odredi količinu prostora. Dakle, definira da prostor oko slike određuje preglednik.

3. korak

Upotrijebite svojstvo "display" da biste definirali kako se element stranice prikazuje. Vrijednost "block" za svojstvo prikaza govori web pregledniku da prikaže element u vlastitom retku, s razmakom iznad i ispod njega. Dakle, definira istu sliku, ali dodatak "display:block;" sada ga postavlja u vlastitu liniju.

4. korak

Pogledajte web-stranicu u nekoliko različitih preglednika kako biste provjerili je li slika ispravno centrirana.

Savjet

Uključite opis slike unutar oznake "alt". To vašu stranicu čini pristupačnijom čitateljima s oštećenim vidom i osigurava usklađenost vašeg koda sa standardima.