Isonjululwe: uwutshintsha njani umfanekiso ongasemva kwi-html

Ingxaki ephambili enxulumene nokutshintsha imifanekiso yangasemva kwi-HTML kukuba kunokuba nzima ukuqinisekisa ukuba umfanekiso ubonisa ngokuchanekileyo kuzo zonke iiphequluli kunye nezixhobo. Ukongezelela, ukuba umfanekiso mkhulu kakhulu okanye umncinci kakhulu, unokubangela imiba ngesantya sokulayisha iphepha kunye nokusebenza. Okokugqibela, kukho iindlela ezahlukeneyo zokuseta umfanekiso ongasemva kwi-HTML (umzekelo, ukusebenzisa i-CSS okanye isimbo esingaphakathi), ngoko ke ukuqiniseka ukuba indlela echanekileyo isetyenziselwa imeko ethile kunokuba luqili.

<body style="background-image:url('image.jpg');">
</body>

1. Lo mgca wekhowudi wenza i-HTML element yomzimba.
2. Ikwaseta umfanekiso ongasemva wento yomzimba kumfanekiso obekwe ku-"image.jpg".

Imifanekiso engasemva

Imifanekiso engasemva kwi-HTML ingasetyenziselwa ukongeza umdla obonakalayo kwiphepha lewebhu. Zingasetyenziselwa njengento yokuhlobisa, okanye zingasetyenziselwa ukuhambisa ulwazi. Imifanekiso engasemva yongezwa kusetyenziswa ipropathi yomfanekiso ongasemva kwiCSS. Le mpahla ikuvumela ukuba ukhankanye ifayile yomfanekiso, njengeJPEG okanye iPNG, eya kuboniswa ngasemva kwezinye izinto kwiphepha. Ipropathi yomfanekiso ongasemva ikuvumela ukuba usete ezinye iipropati ezinjengophinda-phinda kunye nesiqalo-indawo elawula indlela umfanekiso oboniswa ngayo kwiphepha.

Ndiwutshintsha njani umfanekiso ongasemva kwi-HTML

Ukutshintsha umfanekiso ongasemva kwi-HTML yinkqubo elula. Ukwenza oku, kufuneka usebenzise ipropathi yomfanekiso ongasemva kwiCSS.

Okokuqala, kufuneka uchaze umfanekiso ofuna ukuwusebenzisa njengemvelaphi yakho. Unokwenza oku ngokusebenzisa i-URL epheleleyo okanye ehambelanayo yefayile yomfanekiso. Umzekelo:

Umfanekiso ongasemva

Okulandelayo, yongeza le khowudi ilandelayo kuxwebhu lwakho lweHTML:

Oku kuyakuseta umfanekiso ochaziweyo njengomfanekiso ongasemva wephepha lakho. Unako kwakhona ukunyenyisa ezinye iipropathi ezifana nesikhundla kwaye uphinde usebenzise imithetho eyongezelelweyo ye-CSS ukuba iyafuneka.

Izithuba ezihambelanayo:

Shiya Comment