Jinsi Ya Kutengeneza Mandharinyuma Katika Html

Orodha ya maudhui:

Jinsi Ya Kutengeneza Mandharinyuma Katika Html
Jinsi Ya Kutengeneza Mandharinyuma Katika Html

Video: Jinsi Ya Kutengeneza Mandharinyuma Katika Html

Video: Jinsi Ya Kutengeneza Mandharinyuma Katika Html
Video: Utangulizi wa HTML 2024, Mei
Anonim

Ukurasa wa wavuti ulio na asili huwa unaonekana mzuri kuliko bila hiyo. Usahihi wa onyesho la ukurasa wa wavuti hutegemea vitendo vyenye uwezo wa kuongeza mandharinyuma.

Jinsi ya kutengeneza mandharinyuma katika html
Jinsi ya kutengeneza mandharinyuma katika html

Maagizo

Hatua ya 1

Njia rahisi zaidi ya kutengeneza mandharinyuma katika hati ya html ni kupeana thamani ya sifa kwa lebo ya mwili. Thamani iliyopewa ya sifa ya usuli itaamua picha ya nyuma kwenye ukurasa. Ikiwa utaweka thamani ya sifa ya bgcolor, basi ukurasa utachukua rangi ya asili. Rangi katika sifa ya bgcolor ya lebo ya mwili inaweza kutajwa ama kwa hexadecimal au kwa neno moja tu.

Hatua ya 2

Unaweza kufikia athari sawa kwa kutumia karatasi za mtindo wa CSS. Thamani ya sifa ya rangi-asili itafafanua rangi ya asili kwenye ukurasa, wakati thamani ya sifa ya picha ya asili itafafanua njia ya picha ya asili ya ukurasa. Maagizo haya yanaweza kuandikwa kwa chaguo la mwili. Unaweza kuifanya kwa njia tofauti: mpe darasa au kitambulisho kwa lebo ya mwili kwenye tepe ya html, na upe sifa hizo hapo juu kwa darasa au kitambulisho katika css, mtawaliwa. Ikumbukwe tu kwamba ikiwa sifa zimepewa darasa, basi vitu vyote vilivyo na darasa maalum vitakuwa na rangi ya asili kwenye hati ya html.

Hatua ya 3

Maagizo hapo juu yanaweza kuandikwa katika mwili wa hati ya html yenyewe. Ili kufanya hivyo, fungua lebo ya mtindo katika sehemu ya huduma kati ya vitambulisho vya kichwa (kufungua na kufunga). Kauli yoyote ya CSS inaweza kuandikwa kati ya ufunguzi na kufungwa kwa lebo iliyopewa. Ikumbukwe tu kwamba katika kesi hii, uzito wa ukurasa utaongezeka, ambayo inaweza kuathiri vibaya wakati inachukua kuipakia kwa mtumiaji wa mwisho. Ikumbukwe pia kwamba katika kesi ya kubainisha picha ya asili, inaweza kurudiwa kwa usawa, wima au kwa shoka mbili mara moja. Sifa ya kurudia nyuma katika CSS inawajibika kwa hii. Picha ya mandharinyuma inaweza kupachikwa kizimbani bila kujali uwepo wa mwambaa wa kusogeza kwenye hati. Ili kufikia athari hii, lazima ueleze kiambatisho cha nyuma: kilichowekwa.

Hatua ya 4

Asili ya hati ya html inaweza kufanywa kwa kutumia lugha za programu. Unaweza kuandika maagizo ya html ukitumia JavaScript. Hati kujenga lugha ya maandishi inafaa kwa hii. Ikiwa kitu hicho hicho kimeonyeshwa kupitia DOM, hati.body.style.backgroundColor = "nyekundu" itafanya historia ya ukurasa iwe nyekundu. Hii ni sawa na kuandika sifa inayofaa moja kwa moja katika CSS.

Hatua ya 5

Maagizo ya awali yanaweza kuandikwa moja kwa moja kwenye nambari ya ukurasa wa wavuti kwa kuunda jozi ya vitambulisho kati ya vitambulisho vya kufungua na kufunga vya kichwa. Walakini, maagizo haya yote yanaweza kuandikwa katika faili tofauti na ugani wa js, ambayo, baadaye, inaweza kushikamana na ukurasa.

Ilipendekeza: