Háttér hozzáadása a webhelyhez: 14 lépés (képekkel)

Tartalomjegyzék:

Háttér hozzáadása a webhelyhez: 14 lépés (képekkel)
Háttér hozzáadása a webhelyhez: 14 lépés (képekkel)

Videó: Háttér hozzáadása a webhelyhez: 14 lépés (képekkel)

Videó: Háttér hozzáadása a webhelyhez: 14 lépés (képekkel)
Videó: How To Change Yahoo Email Username (2023) 2024, Lehet
Anonim

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

Háttér hozzáadása a webhelyhez 1. lépés
Háttér hozzáadása a webhelyhez 1. lépés

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.

Háttér hozzáadása a webhelyhez 2. lépés
Háttér hozzáadása a webhelyhez 2. lépés

2. lépés: Nyissa meg a webkódot (forrás)

Háttér hozzáadása a webhelyhez 3. lépés
Háttér hozzáadása a webhelyhez 3. lépé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)
Háttér hozzáadása a webhelyhez 4. lépés
Háttér hozzáadása a webhelyhez 4. lépés

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

Háttér hozzáadása a webhelyhez 5. lépés
Háttér hozzáadása a webhelyhez 5. lépés

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)
Háttér hozzáadása a webhelyhez 6. lépés
Háttér hozzáadása a webhelyhez 6. lépés

2. lépés. Ne felejtse el beírni a.gif /-j.webp" />

2. módszer 2 -ből: CSS -módszerek

Háttér hozzáadása a webhelyhez 6. lépés
Háttér hozzáadása a webhelyhez 6. lépés

Színes háttér

Háttér hozzáadása a webhelyhez 7. lépés
Háttér hozzáadása a webhelyhez 7. lépés

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.

Háttér hozzáadása a webhelyhez 8. lépés
Háttér hozzáadása a webhelyhez 8. lépés

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

Háttér hozzáadása a webhelyhez 9. lépés
Háttér hozzáadása a webhelyhez 9. lépés

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.

Háttér hozzáadása a webhelyhez 10. lépés
Háttér hozzáadása a webhelyhez 10. lépés

2. lépés. A testcímkéjének most így kell kinéznie-

Háttér hozzáadása a webhelyhez 11. lépés
Háttér hozzáadása a webhelyhez 11. lépés

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).
Háttér hozzáadása a webhelyhez 12. lépés
Háttér hozzáadása a webhelyhez 12. lépés

4. lépés. Ne felejtse el hozzáadni a.bővítményeket is

Mintás háttér ismétlődése

Háttér hozzáadása a webhelyhez 13. lépés
Háttér hozzáadása a webhelyhez 13. lépés

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

Háttér hozzáadása a webhelyhez 14. lépés
Háttér hozzáadása a webhelyhez 14. lépés

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-

ahol az SRC a háttérkép forrása, a POZÍCIÓ a kép helyzete (középtől a jobb felsőig terjedhet); a háttér-kötődés ennek a háttértípusnak a fő "katalizátora". A háttér helyzetének megmondására szolgál, és nem ajánlott megváltoztatni.

Ajánlott: