A háttér a weboldal egyik legfontosabb eleme. A jó háttér megteremti a weboldal hangvételét és kiegészíti a tartalmat. A háttér hozzáadásának sokféle módja van, mindegyik más céllal. Egyes módszerek lehetővé teszik, hogy a hátteret a webhely összes oldalára alkalmazza, míg mások csak egy bizonyos oldalra korlátozzák a hátteret. Ez a cikk megtanítja, hogyan adhat hozzá hátteret webhelyéhez HTML vagy CSS használatával.
Lépések
1 /2 -es módszer: HTML -módszerek
Színes háttér
1. lépés. Az egyszínű háttér a legalapvetőbb háttértípus, amelyet elhelyezhet egy webhelyen
Valójában minden webhely alapértelmezett fehér háttérrel kezdődik. Míg azonban a fehér háttér nagyon elegáns és letisztult lehet, ha harmonikus színsémát használ, a különböző színű háttér előnyben részesíthető a különböző témákkal.
2. lépés: Nyissa meg a webkódot (forrás)
3. lépés. A törzscímkében vegyen fel egy bgcolor nevű attribútumot
A testcímkéjének így kell kinéznie-
ahol a COLORNAME a szín neve. A COLORNAME sokféle színmegjelenítővel tölthető fel-
- (színnév)
- (hexadecimális érték)
- (RGB érték)
4. lépés. Az RGB és a # kísérletezése számos árnyalathoz vezethet, de az első utat választhatja
De ne feledje, hogy egy ritka szín beírása "Ultramarine Blueish Green" -ként fehér lesz.
Háttérkép hozzáadása
A háttérkép hozzáadása kissé bonyolultabb, mint az egyszínű háttér
1. lépés. Adja hozzá a háttér tulajdonságot a törzscímkéhez, így ez a következőképpen néz ki:
ahol az SRC a kép forrása Az SRC lehet ugyanabban a mappában, vagy egy másik mappában/weboldalon.
- (ugyanabban a mappában)
- (egy másik mappában)
- (egy másik weboldalon)
2. lépés. Ne felejtse el beírni a.gif /-j.webp" />
2. módszer 2 -ből: CSS -módszerek
Színes háttér
1. lépés: Ha egyszínű hátteret szeretne hozzáadni a CSS -hez, adjon hozzá egy stílusattribútumot
Adhat azonosítókat és osztályokat, valamint használhat külső és belső stíluslapokat.
2. lépés. A testcímkéjének így kell kinéznie-
ahol a COLORNAME a szín, a hexadecimális érték vagy az RGB neve (emlékezzen a HTML -ben lévő egyszínű háttér utolsó lépéseire is, ezek itt is alkalmazhatók).
Kép hozzáadása
1. lépés. Kép hozzáadásához adja hozzá a style attribútumot a body címkéhez
Adhat azonosítókat és osztályokat, valamint használhat külső és belső stíluslapokat.
2. lépés. A testcímkéjének most így kell kinéznie-
3. lépés. Ne feledje, hogy az SRC a forrás
Lehet ugyanabból a mappából, más mappából vagy egy másik weboldalról.
- (ugyanabban a mappában)
- (egy másik mappában)
- (egy másik weboldalon).
4. lépés. Ne felejtse el hozzáadni a.bővítményeket is
Mintás háttér ismétlődése
1. lépés: Ismétlődő mintaháttér létrehozásához adjon hozzá hátteret a fenti lépések szerint
Törzscímkéjét most a következőre kell módosítani:
Ahol a REPEAT-SETTINGS a beállítás. Sok ismétlődő beállítás lehet, pl.
- (A háttér függőlegesen és vízszintesen is megismétlődik.)
- (A háttér vízszintesen ismétlődik.)
- (A háttér függőlegesen ismétlődik.)
Rögzített kép háttere
1. lépés. A rögzített háttérképek jól néznek ki, és nem változnak lefelé görgetéskor
Ezek elvégzéséhez csak néhány egyszerű módosítást kell végrehajtania a fenti részben található kódon. Végezze el a módosításokat, hogy a testcímke így nézzen ki-