Kodirnik spletnih strani uporablja Hypertext Markup Language, da spletnemu brskalniku pove funkcionalni namen vsakega elementa na strani, kot je odstavek, naslov ali seznam. Od HTML 4 kaskadne slogovne tabele omogočajo kodirniku način, da brskalniku pove, kako naj bi vsak od teh elementov izgledal, ločeno od definiranja, kaj so. Stran ima lahko različne sloge CSS za različne vrste naprav, kot so mobilni telefoni in namizni računalniki, kar omogoča spreminjanje videza strani, ne da bi kodirniku bilo treba spremeniti HTML. Uporabite lastnosti CSS za centriranje slike.

1. korak

Postavite oznako "img" v datoteko HTML, kjer želite, da se vaša slika prikaže na spletni strani. Biti mora med oznakama "body" in za oznakama "h1". Na primer,

To je vaše besedilo.

definira sliko z imenom photo.jpg, ki je široka 170 slikovnih pik in visoka 50 slikovnih pik. Je prva stvar na strani za zgornjim naslovom.

2. korak

Z atributom CSS "margin" določite prostor okoli elementov strani, kot so slike. Vrednost "samodejno" za atribut roba pove spletnemu brskalniku, naj samodejno določi količino prostora. Torej, določa, da prostor okoli slike določi brskalnik.

3. korak

Z lastnostjo "display" določite, kako je element strani prikazan. Vrednost "block" za lastnost prikaza pove spletnemu brskalniku, naj prikaže element v lastni vrstici s presledkom nad in pod njim. Torej, definira isto sliko, vendar dodatek "display:block;" zdaj ga postavi v svojo vrstico.

4. korak

Oglejte si spletno stran v več različnih brskalnikih, da preverite, ali je slika pravilno na sredini.

Nasvet

Vključite opis slike v oznako "alt". Tako postane vaša stran bolj dostopna slabovidnim bralcem in zagotovi, da je vaša koda skladna s standardi.