Uporabite CSS za določitev videza spletne strani.
Kodirnik spletnih strani uporablja jezik za označevanje hiperbesedila, da spletnemu brskalniku pove funkcionalni namen vsakega elementa na strani, kot je odstavek, naslov ali seznam. Od HTML 4 so kaskadne slogovne tabele kodirniku omogočile, da brskalniku pove, kako naj izgleda vsak od teh elementov, 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 kodirnik moral spremeniti HTML. Za centriranje slike uporabite lastnosti CSS.
Korak 1
Postavite oznako "img" v datoteko HTML, kamor želite, da se vaša slika prikaže na spletni strani. Biti mora med oznakami "body" in za oznakami "h1". na primer
Video dneva
To je vaše besedilo.
definira sliko z imenom photo.jpg, ki je široka 170 slikovnih pik in visoka 50 slikovnih pik. To je prva stvar na strani za zgornjim naslovom.
2. korak
Uporabite atribut CSS "margin", da določite prostor okoli elementov strani, kot so slike. Vrednost "auto" za atribut margin pove spletnemu brskalniku, da samodejno določi količino prostora. torej
določa, da prostor okoli slike določi brskalnik.3. korak
Uporabite lastnost "display", da določite, kako je prikazan element strani. Vrednost "blok" za lastnost prikaza pove spletnemu brskalniku, da prikaže element v svoji vrstici s prostorom nad in pod njim. torej definira isto sliko, vendar dodatek "display: block;" zdaj ga postavlja na svojo linijo.
4. korak
Oglejte si spletno stran v več različnih brskalnikih in preverite, ali je slika pravilno centrirana.
Nasvet
Vključite opis slike v oznako "alt". Tako je vaša stran bolj dostopna za slabovidne bralce in zagotavlja, da je vaša koda skladna s standardi.
