Jak přidat pozadí na webovou stránku

Pozadí je jedním z nejdůležitějších prvků webové stránky. Dobré pozadí vytváří určitou náladu, kouzlo webu a doplňuje svůj obsah. Existuje mnoho různých způsobů, jak přidat pozadí. Některé metody umožňují aplikovat pozadí pro všechny stránky webu, zatímco jiné přidávají pozadí pouze na konkrétní stránku. Tento článek vás naučí přidat pozadí na vaše stránky pomocí HTML nebo CSS.

Kroky

Metoda 1 z 2:
Pomocí html

Monolorální pozadí

  1. Obrázek s názvem Přidat pozadí na webové stránky Krok 1
jeden. Monochromatický pozadí - nejzákladnější typ pozadí, které lze na webu. Ve skutečnosti, každá webová stránka je vytvořena na bílém pozadí. Nicméně, zatímco bílé pozadí může být velmi příjemné ve vzhledu a ne nepříjemné, některé preferují barvu pozadí s různými motivy a kresby.
  • Obrázek s názvem Přidat pozadí na webové stránky Krok 2
    2. Otevřete zdrojovou stránku (zdroj).
  • Obrázek s názvem Přidat pozadí na webové stránky Krok 3
    3. V textovém kódu, napište bgColor. Teď bude text vypadat - V poli Název pole (ColorName) zadejte název barvy v angličtině. Například -
  • (Barva)
  • (pokoj, místnost)
  • (Hodnota RGB)
  • Obrázek s názvem Přidat pozadí na webové stránky Krok 4
    4. Experimentujte s hodnotou RGB a budete mít mnoho různých odstínů. Nezapomeňte, že barvy musí být zadány správně a v angličtině.
  • Obraz jako pozadí

    • Přidat obrázek jako pozadí složitější než jedno barevné pozadí.
    1. Obrázek s názvem Přidat pozadí na webové stránky Krok 5
      jeden. Přidat takovou hodnotu k kódu -, kde je SRC zdrojový soubor nebo odkaz na umístění obrázku.
    2. (ve stejné složce)
    3. (v jiné složce)
    4. (na internetu)
    5. Obrázek s názvem Přidat pozadí na webové stránky Krok 6
      2. Nezapomeňte, že musíte zadat obrázky ve formátu .jpg / .JPEG /.jpg.
    Metoda 2 z 2:
    Pomocí CSS
    Obrázek s názvem Přidat pozadí na webové stránky Krok 6

    Monolorální pozadí

    1. Obrázek s názvem Přidat pozadí na webové stránky Krok 7
      jeden. Přidání jednobarevného pozadí v CSS, přidejte atribut stylu. Můžete také přiřadit ID a třídu a použít vnější i vnitřní příklady stylů.
    2. Obrázek s názvem Přidat pozadí na webové stránky Krok 8
      2. Kódový kód by měl vypadat -

    3. , Kde je ColorName název barvy, jeho číslo nebo jeho RGB .

    Přidání obrázku

    1. Obrázek s názvem Přidat pozadí na webové stránky Krok 9
      jeden. Chcete-li obrázek přidat, přidejte atribut stylu do zdrojového kódu.Můžete přiřadit ID a třídy, stejně jako používat jak externí, podobně jako vnitřní příklady stylů.
    2. Obrázek s názvem Přidat pozadí na webové stránky Krok 10
      2. Kód by měl vypadat -

    3. Obrázek s názvem Přidat pozadí na webové stránky Krok 11
      3. Nezapomeňte, že SRC je původní poloha obrázku. Například složka nebo odkaz.
    4. (ve stejné složce)
    5. (v jiné složce)
    6. (Odkaz na stránku na internetu).
    7. Obrázek s názvem Přidat pozadí na webové stránky Krok 12
      4. Nezapomeňte, že musíte zadat název souboru a rozšíření.

    Několikrát opakujte obrázek pozadí

    1. Obrázek s názvem Přidat pozadí na webové stránky Krok 13
      jeden. Chcete-li vytvořit pozadí s opakováním jednoho obrázku nebo vzoru, změňte kód - URL (`SRC`) - opakování pozadí: Nastavení opakování - "> kde nastavení opakování je nastavení opakování obrazu.Například-
    2. (Opakovaný obraz horizontálně a svisle.)
    3. (Opakovaný obraz horizontálně.)
    4. (Opakovat obraz svisle.)

    Obrázek, který se nepokouší

    1. Obrázek s názvem Přidat pozadí na webové stránky Krok 14
      jeden. Obrázek, který se nepokládá při zobrazení dolní nebo horní části webu. Zde je kód -

    2. , Kde SRC je původní složka s obrázkem, pozice je pozice obrázku (například Centrum, horní, dole) - pozadí - typ pozadí.

    Tipy

    • Přečtěte si celý článek.

    Varování

    • V html 4.01 v XHTML Tato metoda nemusí fungovat.
    Podobné publikace