A háttérrel rendelkező weboldal általában szebbnek tűnik, mint nélküle. A weboldal megjelenítésének helyessége a háttér hozzáadásához szükséges kompetens műveletektől függ.
Utasítás
1. lépés
A HTML-dokumentum hátterének elkészítésének legegyszerűbb módja az attribútumérték hozzárendelése a törzscímkéhez. A háttérattribútum adott értéke meghatározza az oldal háttérképét. Ha beállítja a bgcolor attribútum értékét, akkor az oldal háttérszínt kap. A törzscímke bgcolor attribútumának színe hexadecimálisan vagy csak egy szóban határozható meg.
2. lépés
Ugyanezt a hatást érheti el CSS stíluslapok lépcsőzetes használatával. A háttérszín színe attribútum értéke meghatározza az oldal háttérszínét, míg a háttérkép attribútum értéke az oldal háttérképének elérési útját. Ezeket az utasításokat a testválasztóra lehet írni. Megteheti másként: osztályt vagy azonosítót rendelhet a html címke törzscímkéjéhez, a fenti attribútumokat pedig css-ben rendelheti hozzá az osztályhoz vagy az azonosítóhoz. Csak azt szabad szem előtt tartani, hogy ha az attribútumokat egy osztályhoz rendelik, akkor a megadott osztályú objektumok mindegyikének lesz háttérszíne a html dokumentumban.
3. lépés
A fenti utasítások a html dokumentum törzsébe írhatók. Ehhez nyissa meg a stíluscímkét a fejlécek (nyitó és záró) közötti szolgáltatás szakaszban. Bármely CSS utasítás írható egy adott címke nyitása és zárása között. Csak azt szabad szem előtt tartani, hogy ebben az esetben az oldal súlya megnő, ami negatívan befolyásolhatja a végfelhasználó számára az oldal betöltéséhez szükséges időt. Azt is meg kell jegyezni, hogy egy háttérkép megadása esetén vízszintesen, függőlegesen vagy két tengely mentén megismételhető egyszerre. A CSS-ben a background-repeat attribútum felelős ezért. A háttérkép mereven dokkolható, függetlenül a gördítősáv jelenlététől a dokumentumban. A hatás eléréséhez meg kell adnia a háttér-mellékletet: fix.
4. lépés
A html dokumentum hátterét programozási nyelvek segítségével lehet megtenni. HTML-utasításokat írhat JavaScript használatával. Erre alkalmas a document.write nyelvi konstrukció. Ha ugyanazt a DOM-on keresztül fejezi ki, a document.body.style.backgroundColor = “red” utasítás az oldal hátterét pirosra változtatja. Ez megegyezik azzal, hogy a megfelelő attribútumot közvetlenül a CSS-be írjuk.
5. lépés
Az előző utasítások közvetlenül beírhatók egy weboldal kódjába úgy, hogy létrehoznak egy pár szkriptcímkét a nyitó és záró fejcímkék közé. Mindezek az utasítások azonban külön fájlba írhatók a js kiterjesztéssel, amelyet később az oldalhoz lehet kapcsolni.
