Brug CSS til at angive websidens udseende.
En websidekoder bruger Hypertext Markup Language til at fortælle webbrowseren det funktionelle formål med hvert element på en side, såsom et afsnit, overskrift eller liste. Siden HTML 4 har Cascading Style Sheets givet koderen en måde at fortælle browseren, hvordan hvert af disse elementer skal se ud, adskilt fra at definere, hvad de er. En side kan have forskellige CSS-stile til forskellige typer enheder, såsom mobiltelefoner og stationære computere, hvilket gør det muligt for sidens udseende at ændre sig, uden at koderen behøver at ændre HTML. Brug CSS-egenskaber til at centrere et billede.
Trin 1
Placer "img"-tagget i HTML-filen, hvor du ønsker, at dit billede skal vises på websiden. Det skal være mellem "body"-tags og efter "h1"-tags. For eksempel,
Dagens video
Dette er din tekst.
definerer et billede ved navn photo.jpg, der er 170 pixels bredt og 50 pixels højt. Det er det første på siden efter den øverste overskrift.
Trin 2
Brug "margin" CSS-attributten til at definere rummet omkring sideelementer, såsom billeder. "Auto"-værdien for margin-attributten fortæller webbrowseren automatisk at bestemme mængden af plads. Så,
definerer, at rummet omkring billedet bestemmes af browseren.Trin 3
Brug egenskaben "display" til at definere, hvordan et sideelement vises. "Blok"-værdien for egenskaben display fortæller webbrowseren at vise elementet på sin egen linje med mellemrum over og under det. Så, definerer det samme billede, men tilføjelsen af "display: block;" placerer den nu på sin egen linje.
Trin 4
Se websiden i flere forskellige browsere for at kontrollere, at billedet er centreret korrekt.
Tip
Inkluder billedbeskrivelsen i et "alt"-tag. Dette gør din side mere tilgængelig for synshæmmede læsere og sikrer, at din kode overholder standarder.
