Dhibaatada ugu weyn ee la xiriirta beddelka sawirada asalka ah ee HTML waa in ay adkaan karto in la hubiyo in sawirku si sax ah uga soo muuqdo dhammaan daalacashada iyo qalabka. Intaa waxaa dheer, haddii sawirku aad u weyn yahay ama aad u yar yahay, waxay keeni kartaa arrimo la xiriira xawaaraha bogga iyo waxqabadka. Ugu dambeyntii, waxaa jira siyaabo kala duwan oo lagu dejiyo sawirka asalka ah ee HTML (tusaale, adigoo isticmaalaya CSS ama qaabaynta khadka), markaa hubinta in habka saxda ah loo isticmaalo xaalad gaar ah waxay noqon kartaa mid adag.
<body style="background-image:url('image.jpg');">
</body>
1. Sadarkan code wuxuu abuuraa curiye HTML ah.
2. Waxa kale oo ay dejisaa sawirka asalka ah ee xubinta jidhka sawirka ku yaal "image.jpg".
Sawirada asalka ah
Sawirada asalka ah ee HTML waxa loo isticmaali karaa in lagu daro xiisaha muuqaalka bogga shabakadda. Waxaa loo isticmaali karaa sidii walxaha qurxinta, ama waxaa loo isticmaali karaa gudbinta macluumaadka. Sawirada gadaasha waxaa lagu daraa iyadoo la isticmaalayo sawirka asalka ee CSS. Gurigani wuxuu kuu ogolaanayaa inaad qeexdo faylka sawirka, sida JPEG ama PNG, kaas oo lagu muujin doono gadaasha walxaha kale ee bogga. Hantida sawirka-dambe waxay sidoo kale kuu ogolaanaysaa inaad dejiso sifooyin kale sida soo-celinta-soo-celinta iyo booska-soo-jeedka kaas oo xakameynaya sida sawirka loogu muujiyay bogga.
Sideen u bedelaa sawirka dambe ee HTML
Beddelka sawirka asalka ee HTML waa hab fudud. Si tan loo sameeyo, waxaad u baahan tahay inaad isticmaasho sawirka asalka ah ee CSS.
Marka hore, waxaad u baahan tahay inaad qeexdo sawirka aad rabto inaad u isticmaasho asalkaaga. Waxaad tan ku samayn kartaa adigoo isticmaalaya URL dhammaystiran ama qaraabo ah faylka sawirka. Tusaale ahaan:
Marka xigta, ku dar koodka soo socda dukumeentigaaga HTML:
Tani waxay ka dhigi doontaa sawirka la cayimay inuu yahay sawirka dambe ee boggaaga. Waxa kale oo aad hagaajin kartaa guryaha kale sida booska oo ku celiso adiga oo isticmaalaya xeerar CSS dheeraad ah haddii loo baahdo.
