Ang pangunahing problema na nauugnay sa pagbabago ng mga larawan sa background sa HTML ay maaaring mahirap tiyakin na ang imahe ay ipinapakita nang tama sa lahat ng mga browser at device. Bukod pa rito, kung ang larawan ay masyadong malaki o masyadong maliit, maaari itong magdulot ng mga isyu sa bilis ng paglo-load ng pahina at pagganap. Sa wakas, may iba't ibang paraan para magtakda ng background na imahe sa HTML (hal., gamit ang CSS o inline na pag-istilo), kaya ang pagtiyak na ang tamang paraan ay ginagamit para sa isang partikular na sitwasyon ay maaaring nakakalito.
<body style="background-image:url('image.jpg');">
</body>
1. Ang linya ng code na ito ay lumilikha ng HTML body element.
2. Itinatakda din nito ang background na imahe ng elemento ng katawan sa imaheng matatagpuan sa "image.jpg".
Mga larawan sa background
Maaaring gamitin ang mga larawan sa background sa HTML upang magdagdag ng visual na interes sa isang web page. Maaari silang magamit bilang isang elemento ng dekorasyon, o maaari silang magamit upang ihatid ang impormasyon. Ang mga larawan sa background ay idinaragdag gamit ang background-image property sa CSS. Nagbibigay-daan sa iyo ang property na ito na tumukoy ng image file, gaya ng JPEG o PNG, na ipapakita sa likod ng iba pang elemento sa page. Ang background-image property ay nagpapahintulot din sa iyo na magtakda ng iba pang mga katangian tulad ng background-repeat at background-position na kumokontrol kung paano ipinapakita ang larawan sa pahina.
Paano ko babaguhin ang larawan sa background sa HTML
Ang pagpapalit ng larawan sa background sa HTML ay isang simpleng proseso. Para magawa ito, kailangan mong gamitin ang background-image property sa CSS.
Una, kailangan mong tukuyin ang larawan na gusto mong gamitin bilang iyong background. Magagawa mo ito sa pamamagitan ng paggamit ng ganap o kamag-anak na URL para sa file ng larawan. Halimbawa:
Susunod, idagdag ang sumusunod na code sa iyong HTML na dokumento:
Itatakda nito ang tinukoy na larawan bilang larawan sa background ng iyong pahina. Maaari mo ring ayusin ang iba pang mga katangian tulad ng posisyon at ulitin gamit ang mga karagdagang panuntunan ng CSS kung kinakailangan.
