Hur Man ändrar Bakgrunden I HTML

Innehållsförteckning:

Hur Man ändrar Bakgrunden I HTML
Hur Man ändrar Bakgrunden I HTML

Video: Hur Man ändrar Bakgrunden I HTML

Video: Hur Man ändrar Bakgrunden I HTML
Video: HTML u0026 CSS svenska - 24 - Bakgrundsbilder 2024, April
Anonim

Sidans bakgrund kan ställas in med HTML och CSS genom att ange lämpliga direktiv i källkoden för dokumentet. Attributen som används i markeringsspråk stöds av de flesta moderna webbläsare och visas korrekt på nästan alla besökare på din webbplats.

Hur man ändrar bakgrunden i HTML
Hur man ändrar bakgrunden i HTML

Bakgrundsparameter

Öppna din HTML-sidfil för redigering i den redigerare du använder. För att göra detta kan du högerklicka på dokumentet och välja avsnittet "Öppna med".

Strukturen för en HTML-fil är en serie deskriptorer av olika nivåer och syften. Sidkoden börjar vanligtvis med en tagg. Detta följs vanligtvis av ett avsnitt som innehåller sidrubriken och CSS-koden. När deskriptoren är stängd börjar sidans kropp. Attributet för att ställa in sidans bakgrundsbild ställs in som en ytterligare bakgrundsparameter för den här taggen. Koden för att skapa sidbakgrunden kommer att se ut så här:

I det här fallet kan sökvägen till bilden vara en URL (som börjar med https://). Plats kan anges från rotkatalogen (/root/folder/background.jpg) eller i förhållande till platsen för HTML-dokumentet som redigeras (till exempel mapp / bakgrund.jpg).

Spara dina ändringar och öppna sidan i en webbläsare. För att göra detta högerklickar du och väljer "Öppna med". I listan anger du namnet på det program du använder för att surfa på Internet. Om bakgrundsparametern har ställts in korrekt ser du den tidigare angivna bakgrundsbilden. Om bilden inte visas ska du kontrollera riktigheten för bakgrundsattributet och sökvägen till bakgrundsfilen.

Bgcolor-parameter

För att ställa in bakgrundsfärgen utan en bild kan du använda bgfärgdirektivet. Som ett värde för detta attribut kan du ange färgnamnet på engelska eller använda färgvärdet i HTML-paletten. Till exempel:

Den här koden ger sidan en blå bakgrund. Om du vill ställa in en färgton eller en mer exakt färg, använd värdena i HTML-paletten:

I det här fallet är # 002902 färgen som ska ges till sidan.

CSS-attribut

Du kan också ställa in bakgrunden med hjälp av CSS i parametrarna:

Med CSS kan du också ange bakgrundsbilden för sidan via bakgrundsbild:

Användning av CSS och HTML ger samma resultat, men det är att föredra att använda CSS när du ställer in sidvisningsparametrar.

Rekommenderad: