Hur Man Gör Bakgrund I Html

Innehållsförteckning:

Hur Man Gör Bakgrund I Html
Hur Man Gör Bakgrund I Html

Video: Hur Man Gör Bakgrund I Html

Video: Hur Man Gör Bakgrund I Html
Video: how to add background image in html 2024, December
Anonim

En webbsida med bakgrund tenderar att se snyggare ut än utan den. Hur korrekt visningen av webbsidan är beror på de behöriga åtgärderna för att lägga till bakgrunden.

Hur man gör bakgrund i html
Hur man gör bakgrund i html

Instruktioner

Steg 1

Det enklaste sättet att skapa en bakgrund i ett html-dokument är att tilldela attributvärdet till body-taggen. Ett givet värde för bakgrundsattributet kommer att avgöra bakgrundsbilden på sidan. Om du ställer in värdet för attributet bgcolor, kommer sidan att få en bakgrundsfärg. Färgen i attributet bgcolor för body-taggen kan anges antingen i hexadecimal eller bara i ett ord.

Steg 2

Du kan uppnå samma effekt genom att använda kaskad CSS-stilark. Ett värde för bakgrundsfärgsattributet definierar bakgrundsfärgen på sidan, medan ett värde för bakgrundsbildattributet definierar sökvägen till sidans bakgrundsbild. Dessa instruktioner kan skrivas till kroppsväljaren. Du kan göra det annorlunda: tilldela en klass eller identifierare till body-taggen i html-taggen och tilldela ovanstående attribut till klassen respektive identifieraren i css. Det bör bara komma ihåg att om attributen tilldelas en klass, så kommer alla objekt med den angivna klassen att ha en bakgrundsfärg i html-dokumentet.

Steg 3

Ovanstående instruktioner kan skrivas i själva html-dokumentet. För att göra detta öppnar du stiltaggen i serviceavdelningen mellan huvudetiketterna (öppnar och stänger). Alla CSS-uttalanden kan skrivas mellan öppningen och stängningen av en viss tagg. Man bör bara komma ihåg att sidvikten i det här fallet kommer att öka, vilket kan påverka den tid det tar att ladda den för slutanvändaren negativt. Det bör också noteras att vid specificering av en bakgrundsbild kan den upprepas horisontellt, vertikalt eller längs två axlar samtidigt. Attributet bakgrundsupprepning i CSS är ansvarigt för detta. Bakgrundsbilden kan dockas styvt oavsett om det finns ett rullningsfält i dokumentet. För att uppnå denna effekt måste du ange bakgrundsbilaga: fast.

Steg 4

Bakgrunden till ett html-dokument kan göras med hjälp av programmeringsspråk. Du kan skriva html-instruktioner med JavaScript. Document.write-språkkonstruktionen är lämplig för detta. Om samma sak uttrycks genom DOM, kommer document.body.style.backgroundColor = “rött” uttalande att göra bakgrunden på sidan röd. Detta är detsamma som att skriva rätt attribut direkt i CSS.

Steg 5

De tidigare instruktionerna kan skrivas direkt i koden på en webbsida genom att skapa ett par skripttaggar mellan de inledande och stängande huvudtaggarna. Alla dessa instruktioner kan dock skrivas i en separat fil med js-tillägget, som därefter kan anslutas till sidan.

Rekommenderad: