En webside koder bruker Hypertext Markup Language å fortelle nettleseren den funksjonelle formålet med hvert element på en side, for eksempel et avsnitt , overskrift eller en liste . Siden HTML 4 , har Cascading Style Sheets gitt koder med en måte å fortelle leseren hvordan hver av disse elementene bør se , separat fra å definere hva de er. En side kan ha ulike CSS-stiler for ulike typer enheter, for eksempel mobiltelefoner og stasjonære datamaskiner , slik at siden utseende for å endre uten koder måtte endre HTML. Bruk CSS egenskaper til midten bildet . Instruksjoner
en

plassere " img " tag i HTML-filen der du vil at bildet skal vises på websiden . Det må være mellom "body " koder og etter " h1 " koder . For eksempel , etter

Dette er din tekst . < /H1 > < img src = " foto.jpg " alt = " En beskrivelse av bildet " width = " 270 " height = " 50 " />

< /body >

definerer et bilde som heter foto.jpg som er 170 piksler bred og 50 piksler høy . Det er den første på siden etter den øverste overskriften.
2

Bruk " margin " CSS attributt å definere plass rundt sideelementer , for eksempel bilder . "Auto " value for the margin attributtet forteller nettleseren automatisk skal bestemme hvor mye plass . Så definerer som plassen rundt bildet bestemmes av nettleseren.
3

Bruk " display" eiendom for å definere hvordan en side element vises. Den " blokk " value for displayet egenskapen forteller nettleseren for å vise elementet på en egen linje , med plass over og under det. Så , < img src = " foto.jpg " alt = " En beskrivelse av bildet " width = " 170 " height = " 50 " style = "margin : auto ; display: block; " /> definerer det samme bildet , men i tillegg til . " display: block; " nå plasserer den på en egen linje
4

Vis websiden i flere forskjellige nettlesere for å verifisere at bildet er sentrert skikkelig .