Använd stegen som beskrivs i del 2 för att skriva ett HTML-dokument.  Ditt HTML-dokument bör innehålla en öppen och avslutande HTML-tagg, en öppen och avslutande huvudtagg och en öppen och avslutande kroppstagg.  Du behöver inte inkludera HTML-taggen för att lägga till en bakgrundsbild.  Den här delen lär dig hur man ställer in en bakgrundsbild med CSS istället för HTML. Detta är öppningstaggen för kaskadmallar (CSS).  Denna tagg följer taggen "#head>" och före taggen "#/head>".    Alternativt kan du skapa ditt CSS på ett separat CSS-dokument och länka det till ditt HTML-dokument. Detta är öppnandet av CSS-koden som kommer att styla kroppen av ditt HMTL-dokument. Denna rad anger den bakgrundsbild som ska användas.  Ersätt texten "[bild url]" med själva url på bilden du vill använda.  När du använder ett filnamn utan en filsökväg eller URL (dvs bakgrundsbild: url("bakgrund.png ");), kommer webbläsaren att titta i webbsidan mappen för den namngivna bilden. Om filen finns i en annan mapp på ditt filsystem, måste du lägga till hela sökvägen till filen. Denna rad säger till webbläsaren att bara visa bilden en gång, istället för att upprepa bilden om och om igen. Denna rad talar om för webbläsaren att täcka hela bakgrunden med bilden. Om du vill inkludera några andra CSS-linjer som påverkar kroppen i ditt HTML-dokument, se till att inkludera dem nu.  Typ "}" i sista raden i "Body" sektionen av din CSS för att stänga kroppsdelen. När du är klar med alla CSS du vill inkludera, skriv " </style>" i slutet.  Den här taggen stänger din CSS. När du är klar med allt, klicka på Arkiv och sedan Spara för att spara ditt arbete.  Hela ditt HTML-dokument ska se ut ungefär så här: <!DOCTYPE html> <html> <head> <title>Page Title </title> <style> body { bakgrundsbild: url("https://www.website.com/images/image_background.jpg"); bakgrundsupprepning:no-repeat; bakgrundsstorlek:cover; } </style> </head> <body> </body> </html>
Skapa ett HTML-dokument. Skriv <style> i HTML- dokumentets huvud. Skriv kropp { i nästa rad. Skriv bakgrundsbild: url('[bild url]'); i nästa rad. Skriv bakgrund-upprepning: ingen-upprepning; i nästa rad. Skriv bakgrundsstorlek: omslag; i nästa rad. Typ } i slutet av avsnittet "Body" i din HTML. Typ </style> i slutet av din CSS. Spara HTML-filen.