Bruk CSS for å spesifisere nettsidens utseende.
En websidekoder bruker Hypertext Markup Language for å fortelle nettleseren det funksjonelle formålet med hvert element på en side, for eksempel et avsnitt, overskrift eller liste. Siden HTML 4 har Cascading Style Sheets gitt koderen en måte å fortelle nettleseren hvordan hvert av disse elementene skal se ut, atskilt fra å definere hva de er. En side kan ha forskjellige CSS-stiler for forskjellige typer enheter, for eksempel mobiltelefoner og stasjonære datamaskiner, slik at sideutseendet kan endres uten at koderen trenger å endre HTML. Bruk CSS-egenskaper for å sentrere et bilde.
Trinn 1
Plasser "img"-koden i HTML-filen der du vil at bildet ditt skal vises på nettsiden. Det må være mellom «body»-taggene og etter «h1»-taggene. For eksempel,
Dagens video
Dette er din tekst.
definerer et bilde kalt photo.jpg som er 170 piksler bredt og 50 piksler høyt. Det er det første på siden etter den øverste overskriften.
Steg 2
Bruk "margin" CSS-attributtet for å definere rommet rundt sideelementer, for eksempel bilder. "auto"-verdien for margin-attributtet forteller nettleseren å automatisk bestemme mengden plass. Så,
definerer at rommet rundt bildet bestemmes av nettleseren.Trinn 3
Bruk egenskapen "display" for å definere hvordan et sideelement skal vises. "Blokkeringsverdien" for display-egenskapen forteller nettleseren å vise elementet på sin egen linje, med mellomrom over og under. Så, definerer det samme bildet, men tillegget "display: block;" plasserer den nå på sin egen linje.
Trinn 4
Se nettsiden i flere forskjellige nettlesere for å bekrefte at bildet er riktig sentrert.
Tips
Ta med bildebeskrivelsen i en "alt"-tag. Dette gjør siden din mer tilgjengelig for lesere med nedsatt syn og sikrer at koden din er i samsvar med standarder.
