Paano Baguhin Ang Background Sa HTML

Talaan ng mga Nilalaman:

Paano Baguhin Ang Background Sa HTML
Paano Baguhin Ang Background Sa HTML

Video: Paano Baguhin Ang Background Sa HTML

Video: Paano Baguhin Ang Background Sa HTML
Video: PAANO MAGLAGAY NG IMAGE/BACKGROUND SA HTML (Using NOTEPAD) | HTML (2020) 2024, Abril
Anonim

Ang background ng pahina ay maaaring itakda sa pamamagitan ng HTML at CSS sa pamamagitan ng pagtukoy ng mga naaangkop na direktiba sa source code ng dokumento. Ang mga katangiang ginamit sa mga markup na wika ay sinusuportahan ng karamihan sa mga modernong browser at ipapakita nang tama sa halos anumang bisita sa iyong site.

Paano baguhin ang background sa HTML
Paano baguhin ang background sa HTML

Parameter sa background

Buksan ang iyong file ng pahina ng HTML para sa pag-edit sa editor na iyong ginagamit. Upang magawa ito, maaari kang mag-right click sa dokumento at piliin ang seksyong "Buksan gamit".

Ang istraktura ng isang HTML file ay isang serye ng mga naglalarawan ng iba't ibang mga antas at hangarin. Karaniwang nagsisimula ang code ng pahina sa isang tag. Karaniwan itong sinusundan ng isang seksyon na naglalaman ng pamagat ng pahina at CSS code. Matapos isara ang tagapaglarawan, magsisimula ang katawan ng pahina. Ang katangian para sa pagtatakda ng imahe ng background ng pahina ay itinakda bilang isang karagdagang parameter ng background para sa tag na ito. Ang code para sa paglikha ng background ng pahina ay magiging ganito:

Sa kasong ito, ang landas sa larawan ay maaaring isang URL (nagsisimula sa https://). Maaaring tukuyin ang lokasyon mula sa direktoryo ng ugat (/root/folder/background.jpg) o kaugnay sa lokasyon ng dokumento ng HTML na na-edit (halimbawa, folder / background.jpg).

I-save ang iyong mga pagbabago at buksan ang pahina sa isang browser. Upang magawa ito, mag-right click at piliin ang "Open with". Sa listahan na ibinigay, ipahiwatig ang pangalan ng program na iyong ginagamit para sa pag-browse sa Internet. Kung ang parameter ng background ay naitakda nang tama, makikita mo ang dating tinukoy na imahe sa background. Kung ang larawan ay hindi ipinakita, suriin ang kawastuhan ng katangian ng background at ang landas sa background file.

Parameter ng Bgcolor

Upang maitakda ang kulay ng background nang walang larawan, maaari mong gamitin ang direktiba ng bgcolor. Bilang isang halaga para sa katangiang ito, maaari mong tukuyin ang pangalan ng kulay sa Ingles o gamitin ang halaga ng kulay sa paleta ng HTML. Halimbawa:

Binibigyan ng code na ito ang pahina ng isang asul na background. Kung nais mong magtakda ng isang kulay ng kulay o isang mas tumpak na kulay, gamitin ang mga halaga ng paleta ng HTML:

Sa kasong ito, # 002902 ang kulay na ibibigay sa pahina.

Mga Katangian ng CSS

Maaari mo ring itakda ang background gamit ang CSS sa mga parameter:

Sa CSS, maaari mo ring tukuyin ang imahe ng background para sa pahina sa pamamagitan ng background-image:

Ang paggamit ng CSS at HTML ay nagbibigay ng parehong mga resulta, gayunpaman, mas mabuti na gumamit ng CSS kapag nagtatakda ng mga parameter ng pagpapakita ng pahina.

Inirerekumendang: