Kako dodati pozadinu na web stranicu

Pozadina je jedan od najvažnijih elemenata web stranice. Dobra pozadina stvara određeno raspoloženje, šarm stranice i nadopunjuje njegov sadržaj. Postoji mnogo različitih načina dodavanja pozadine. Neke metode omogućuju vam primijenjenu pozadinu za sve stranice stranica, dok druge dodaju pozadinu samo na određenu stranicu. Ovaj će vam članak naučiti kako dodati pozadinu na svoju web lokaciju pomoću HTML-a ili CSS-a.

Korake

Metoda 1 od 2:
Pomoću HTML-a

Monoloralna pozadina

  1. Image Naslijed Naslijed Dodajte pozadinu na web mjesto korak 1
jedan. Jednobojna pozadina - najosnovnija vrsta pozadina koja se može staviti na web stranicu. U stvari, svaka se web stranica kreira na bijeloj pozadini. Međutim, dok bijela pozadina može biti vrlo ugodna izgled, a ne neugodna, neki preferiraju pozadinu boja s raznim temama i crtežima.
  • Image Naslijed dodajte pozadinu na web mjesto korak 2
    2. Otvorite izvornu stranicu (izvor).
  • Slika naslovljena Dodajte pozadinu na web mjesto korak 3
    3. U tekstnom kodu pišite bgcolor. Sada će tekst izgledati - U polju nazivom polja (ColornaMama) unesite naziv boje na engleskom. Na primjer -
  • (Boja)
  • (soba)
  • (RGB vrijednost)
  • Image Naslijed dodajte pozadinu na web mjesto korak 4
    4. Eksperimentirajte s RGB vrijednosti i imat ćete mnogo različitih nijansi. Zapamtite da se boje moraju pravilno unijeti i na engleskom jeziku.

    • Slika kao pozadina

    • Dodajte sliku kao pozadinu složenija od pozadine u jednoj boji.
    1. Image Naslijed Nadzorno Dodajte pozadinu na web stranicu Korak 5
      jedan. Dodajte takvu vrijednost na kodu -, gdje je src izvorna datoteka ili veza na lokaciju slike.
    2. (u istoj mapi)
    3. (u drugoj mapi)
    4. (na internetu)
    5. Image Naslijed dodajte pozadinu na web stranicu 6
      2. Zapamtite da trebate unijeti slike u formatu .jpg / .JPEG /.jpg.
    Metoda 2 od 2:
    Koristeći CSS
    Image Naslijed dodajte pozadinu na web stranicu 6

    Monoloralna pozadina

    1. Image Naslijed dodajte pozadinu na web mjesto korak 7
      jedan. Da biste dodali jednobojni pozadinu u CSS-u, dodajte atribut stila. Možete dodijeliti i ID i klasu i koristiti i vanjske i unutrašnje primjere stilova.
    2. Image Nadledajte dodajte pozadinu na web stranicu 8 korak 8
      2. Kodni kod bi trebao izgledati -

    3. , gdje je Colorname ime boje, njenog broja ili njenog RGB-a .

    Dodavanje slike

    1. Image Naslijed dodajte pozadinu na web mjesto korak 9
      jedan. Da biste dodali sliku, dodajte atribut stila na izvorni kod.Možete dodijeliti ID i klase, kao i koristiti i vanjske, poput unutarnjih primjera stilova.
    2. Image Naslijed Nadzorno Dodajte pozadinu na web mjesto korak 10
      2. Kod bi trebao izgledati -

    4. Image Naslijed Nadzorno Dodajte pozadinu na web mjesto korak 11
      3. Zapamtite da je SRC originalna lokacija slika. Na primjer, mapa ili veza.
    5. (u istoj mapi)
    6. (u drugoj mapi)
    7. (Link do stranice na Internetu).
    8. Image Naslijed Dodajte pozadinu na web stranicu Korak 12
      4. Zapamtite da trebate odrediti ime i širenje datoteke.

    Ponovite pozadinsku sliku nekoliko puta

    1. Image Naslijed dodajte pozadinu na web mjesto korak 13
      jedan. Da biste napravili pozadinu ponavljanjem jedne slike ili uzorka, promijenite kôd na - URL (`src`) - Ponovno ponavljanje: Ponovite postavke- "> Gdje su Ponavljane postavke postavke ponavljanja slike.Na primjer-
    2. (Ponovljena slika vodoravno i vertikalno.)
    3. (Ponovljena slika vodoravno.)
    4. (Ponovite sliku vertikalno.)

    Slika koja se ne pomiče

    1. Slika naslova dodajte pozadinu na web stranicu korak 14
      jedan. Slika koja se ne pomiče kada vidite donji ili vrh stranice. Evo koda -

    2. , Gde je SRC originalna mapa sa slikom, položaj je položaj slike (na primer, centar, gornji, donji) - Pozadina - Pozadina - pozadina.

    Savjeti

    • Pročitajte cijeli članak.

    Upozorenja

    • U HTML 4.01 U XHTML-u ova metoda možda neće raditi.
    Slične publikacije
    Kako postaviti boju pozadine u htmlKako postaviti boju pozadine u html
    Kako pretvoriti video u pozadine uživo na androiduKako pretvoriti video u pozadine uživo na androidu
    Kako napraviti pozadinske slike prozirne u adobe illustratoruKako napraviti pozadinske slike prozirne u adobe illustratoru
    Kako stvoriti pozadinu u indezignuKako stvoriti pozadinu u indezignu
    Kako ukloniti pozadinu pomoću alata za odabir krugova gimpKako ukloniti pozadinu pomoću alata za odabir krugova gimp
    Kako stvoriti prozirnu pozadinu u bojiKako stvoriti prozirnu pozadinu u boji
    Kako postaviti ekran za zaključavanje pozadine na androiduKako postaviti ekran za zaključavanje pozadine na androidu
    Kako očistiti pozadinuKako očistiti pozadinu
    Kako dodati pozadinu u worduKako dodati pozadinu u wordu
    Kako promijeniti pozadinu radne površine u windows-uKako promijeniti pozadinu radne površine u windows-u
    Kako promijeniti pozadinu na twitteruKako promijeniti pozadinu na twitteru
    Kako instalirati animirane pozadineKako instalirati animirane pozadine
    Kako postaviti googleovu početnu stranicuKako postaviti googleovu početnu stranicu
    Kako promijeniti pozadinu u powerpoint toboideKako promijeniti pozadinu u powerpoint toboide
    Kako promijeniti pozadinu radne površine na uređaju s android os-omKako promijeniti pozadinu radne površine na uređaju s android os-om
    Kako promijeniti pozadinu u whatsapp chat-uKako promijeniti pozadinu u whatsapp chat-u
    Kako promijeniti pozadinu u googleuKako promijeniti pozadinu u googleu
    Kako promijeniti pozadinu uzorka u ms boji (zelena metoda ekrana)Kako promijeniti pozadinu uzorka u ms boji (zelena metoda ekrana)
    Kako promijeniti crtanje pozadine na radnoj površini na ipaduKako promijeniti crtanje pozadine na radnoj površini na ipadu
    Kako stvoriti pozadinu u photoshopuKako stvoriti pozadinu u photoshopu