Pozadina je jedan od najvažnijih elemenata web stranice. Dobra pozadina stvara ton web stranici i nadopunjuje sadržaj. Postoji mnogo različitih načina dodavanja pozadine, svaki način s drugom svrhom. Neke metode omogućuju vam da primijenite pozadinu na sve stranice na web stranici, dok druge ograničavaju pozadinu samo na određenu stranicu. Ovaj članak vas uči kako dodati pozadinu na svoju web stranicu pomoću HTML -a ili CSS -a.
Koraci
Metoda 1 od 2: HTML metode
Jednobojna pozadina
Korak 1. Jednobojna pozadina je najosnovnija vrsta pozadine koju možete postaviti na web stranicu
Zapravo, svaka web stranica počinje zadanom bijelom pozadinom. No, iako bijela pozadina može izgledati vrlo elegantno i čisto ako se koristi s skladnom shemom boja, pozadini različite boje mogu se dati prednost s različitim temama.
Korak 2. Otvorite svoj web kôd (izvor)
Korak 3. U oznaku body dodajte atribut zvan bgcolor
Sada bi vaša oznaka tijela trebala izgledati ovako-
gdje je COLORNAME naziv boje. COLORNAME može biti ispunjen mnogim vrstama predstavnika boja-
- (naziv boje)
- (hex vrijednost)
- (RGB vrijednost)
Korak 4. Eksperimentiranje s RGB i # može dovesti do mnogih nijansi, ali možete uzeti lakši prvi način
Ali zapamtite da će upisivanje neuobičajene boje kao "Ultramarine Bluish Green" rezultirati bijelom bojom.
Dodavanje pozadinske slike
Dodavanje pozadinske slike malo je složenije od jednobojne pozadine
Korak 1. Dodajte svojstvo pozadine u oznaku body tako da izgleda ovako-
gdje je SRC izvor slike SRC može biti u istoj mapi ili drugoj mapi/web stranici.
- (u istoj mapi)
- (unutar druge mape)
- (na drugoj web stranici)
Korak 2. Ne zaboravite upisati ekstenziju.gif /-j.webp" />
Metoda 2 od 2: CSS metode
Jednobojna pozadina
Korak 1. Za dodavanje jednobojne pozadine u CSS, dodajte atribut stila
Također možete dati ID -ove i klase te koristiti i vanjske i unutarnje stilove.
Korak 2. Vaša oznaka tijela trebala bi izgledati ovako-
gdje je COLORNAME naziv boje, hex vrijednost ili RGB (Također zapamtite posljednje korake jednobojne pozadine u HTML -u, oni su primjenjivi i ovdje).
Dodavanje slike
Korak 1. Da biste dodali sliku, dodajte atribut stila oznaci body
Također možete dati ID -ove i klase te koristiti i vanjske i unutarnje stilove.
Korak 2. Vaša oznaka tijela sada bi trebala izgledati ovako-
Korak 3. Zapamtite da je SRC izvor
Može biti iz iste mape, druge mape ili s druge web stranice.
- (u istoj mapi)
- (unutar druge mape)
- (na drugoj web stranici).
Korak 4. Ne zaboravite dodati i.extensions
Ponavljanje pozadine s uzorkom
Korak 1. Da biste napravili ponovljenu pozadinu uzorka, dodajte pozadinu kao što je rečeno u prethodnim koracima
Vaša oznaka body sada se mora promijeniti u-
Gdje su REPEAT-SETTINGS postavke. Može biti mnogo ponavljajućih postavki, poput
- (Pozadina će se ponavljati okomito i vodoravno.)
- (Pozadina će se ponavljati vodoravno.)
- (Pozadina će se ponavljati okomito.)
Pozadina fiksne slike
Korak 1. Pozadine fiksne slike izgledaju cool i ne mijenjaju se dok se pomičete prema dolje
Da biste ih učinili, samo trebate napraviti neke jednostavne prilagodbe koda u gornjem odjeljku. Učinite izmjene kako bi oznaka tijela izgledala ovako-