Kako Narediti Ozadje V Html

Kazalo:

Kako Narediti Ozadje V Html
Kako Narediti Ozadje V Html

Video: Kako Narediti Ozadje V Html

Video: Kako Narediti Ozadje V Html
Video: Základy webového programování v HTML - tutoriál č.7 - logická struktura - DIV a SPAN 2024, Maj
Anonim

Spletna stran z ozadjem je videti lepša kot brez nje. Pravilnost prikaza spletne strani je odvisna od pristojnih ukrepov za dodajanje ozadja.

Kako narediti ozadje v html
Kako narediti ozadje v html

Navodila

Korak 1

Najlažji način za izdelavo ozadja v dokumentu html je dodelitev vrednosti atributa oznaki telesa. Podana vrednost za atribut ozadja bo določila sliko ozadja na strani. Če nastavite vrednost atributa bgcolor, bo stran dobila barvo ozadja. Barvo v atributu bgcolor oznake telesa lahko določite v šestnajstiški ali samo z eno besedo.

2. korak

Enak učinek lahko dosežete z uporabo kaskadnih listov slogov CSS. Vrednost za atribut background-color bo določila barvo ozadja na strani, vrednost atributa background-image pa pot do slike ozadja strani. Ta navodila lahko zapišete na izbirnik telesa. To lahko storite drugače: oznaki telesa v oznaki html dodelite razred ali identifikator in razredu ali identifikatorju v css dodelite zgornje atribute. Upoštevati je treba le to, da bodo atributi, ki so dodeljeni razredu, imeli v ozadju v dokumentu html barvo ozadja.

3. korak

Zgornja navodila lahko zapišete v telo samega html dokumenta. Če želite to narediti, odprite slog oznako v razdelku storitve med oznakami glave (odpiranje in zapiranje). Kateri koli stavek CSS je mogoče zapisati med odpiranjem in zapiranjem dane oznake. Upoštevati je treba le, da se bo v tem primeru teža strani povečala, kar lahko negativno vpliva na čas nalaganja končnega uporabnika. Upoštevati je treba tudi, da se lahko v primeru določitve slike za ozadje ponovi vodoravno, navpično ali vzdolž dveh osi hkrati. Za to je odgovoren atribut background-repeat v CSS. Slika za ozadje je lahko trdno zasidrana ne glede na prisotnost drsnega traku v dokumentu. Če želite doseči ta učinek, morate določiti prilogo v ozadju: fixed.

4. korak

Ozadje html dokumenta lahko naredite s programskimi jeziki. Navodila v obliki HTML lahko pišete z uporabo JavaScript. Temu primerna je konstrukcija jezika document.write. Če je ista stvar izražena prek DOM-a, bo izjava document.body.style.backgroundColor = “rdeča” naredila ozadje strani rdeče. To je enako kot pisanje ustreznega atributa neposredno v CSS.

5. korak

Prejšnja navodila lahko zapišete kar v kodo spletne strani, tako da med odpiralno in zaključno oznako glave ustvarite par skriptnih oznak. Vsa ta navodila pa je mogoče zapisati v ločeno datoteko s pripono js, ki jo je nato mogoče povezati s stranjo.

Priporočena: