Pozadie je jedným z najdôležitejších prvkov webovej stránky. Dobré pozadie vytvára tón pre webovú stránku a dopĺňa obsah. Existuje mnoho rôznych spôsobov, ako pridať pozadie, pričom každý spôsob má iný účel. Niektoré metódy umožňujú použiť pozadie na všetky stránky na webe, zatiaľ čo iné obmedzujú pozadie iba na určitú stránku. Tento článok vás naučí, ako pridať pozadie na webové stránky pomocou HTML alebo CSS.
Kroky
Metóda 1 z 2: Metódy HTML
Jednofarebné pozadie
Krok 1. Plné farebné pozadie je najzákladnejším typom pozadia, ktoré môžete umiestniť na webovú stránku
V skutočnosti každá webová stránka začína predvoleným bielym pozadím. Napriek tomu, keď môže byť biele pozadie veľmi harmonické a čisté, ak sa používa s harmonickou farebnou schémou, môžu byť preferované rôzne farebné pozadia s rôznymi témami.
Krok 2. Otvorte svoj webový kód (zdroj)
Krok 3. Do tagu body pridajte atribút s názvom bgcolor
Teraz by vaša telesná značka mala vyzerať takto-
kde COLORNAME je názov farby. COLORNAME môže byť naplnený mnohými druhmi farebných reprezentantov-
- (názov farby)
- (hexadecimálna hodnota)
- (Hodnota RGB)
Krok 4. Experimentovanie s RGB a # môže viesť k mnohým odtieňom, ale môžete sa vydať jednoduchou cestou
Nezabudnite však, že zadaním neobvyklej farby ako „Ultramarine Bluish Green“bude biela.
Pridanie obrázku na pozadí
Pridanie obrázku na pozadie je o niečo komplikovanejšie ako jednofarebné pozadie
Krok 1. Pridajte do značky body vlastnosť pozadia, aby vyzerala takto-
kde SRC je zdrojom obrázku SRC môže byť v rovnakom priečinku alebo inom priečinku/webovej stránke.
- (v rovnakom priečinku)
- (v inom priečinku)
- (na inej webovej stránke)
Krok 2. Nezabudnite napísať príponu.gif /-j.webp" />
Metóda 2 z 2: Metódy CSS
Jednofarebné pozadie
Krok 1. Ak chcete do CSS pridať jednofarebné pozadie, pridajte atribút štýlu
Môžete tiež dávať identifikátory a triedy a používať externé aj interné šablóny štýlov.
Krok 2. Váš štítok na tele by mal vyzerať takto-
kde COLORNAME je názov farby, hexadecimálnej hodnoty alebo RGB (pamätajte tiež na posledné kroky jednofarebného pozadia v HTML, sú použiteľné aj tu).
Pridanie obrázku
Krok 1. Ak chcete pridať obrázok, pridajte do tagu body atribút style
Môžete tiež dávať identifikátory a triedy a používať externé aj interné šablóny štýlov.
Krok 2. Váš štítok na tele by teraz mal vyzerať takto-
Krok 3. Nezabudnite, že zdrojom je SRC
Môže to byť z rovnakého priečinka, iného priečinka alebo z inej webovej stránky.
- (v rovnakom priečinku)
- (v inom priečinku)
- (na inej webovej stránke).
Krok 4. Nezabudnite pridať aj rozšírenia
Opakujúce sa vzorované pozadie
Krok 1. Ak chcete vytvoriť pozadie s opakovaným vzorom, pridajte pozadie podľa vyššie uvedených krokov
Váš štítok na tele teraz musíte zmeniť na-
Kde sú nastavenia OPAKOVANÉ NASTAVENIA. Môže existovať veľa nastavení opakovania, napríklad-
- (Pozadie sa bude opakovať vertikálne aj horizontálne.)
- (Pozadie sa bude horizontálne opakovať.)
- (Pozadie sa bude vertikálne opakovať.)
Opravené pozadie obrázku
Krok 1. Pevné pozadie obrázku vyzerá skvele a pri posúvaní nadol sa nemení
Na ich vykonanie stačí vykonať niekoľko jednoduchých vylepšení kódu vo vyššie uvedenej časti. Vykonajte úpravy, aby štítok na tele vyzeral takto-