Paano Gumawa Ng Background Sa Html

Talaan ng mga Nilalaman:

Paano Gumawa Ng Background Sa Html
Paano Gumawa Ng Background Sa Html

Video: Paano Gumawa Ng Background Sa Html

Video: Paano Gumawa Ng Background Sa Html
Video: PAANO MAGLAGAY NG IMAGE/BACKGROUND SA HTML (Using NOTEPAD) | HTML (2020) 2024, Mayo
Anonim

Ang isang web page na may background ay may gawi na magmukhang mas maganda kaysa wala ito. Ang kawastuhan ng pagpapakita ng web page ay nakasalalay sa mga karampatang pagkilos upang idagdag ang background.

Paano gumawa ng background sa html
Paano gumawa ng background sa html

Panuto

Hakbang 1

Ang pinakamadaling paraan upang makagawa ng isang background sa isang html na dokumento ay upang italaga ang halaga ng katangian sa body tag. Ang isang naibigay na halaga para sa katangian ng background ay tutukoy sa background na imahe sa pahina. Kung itinakda mo ang halaga ng katangian ng bgcolor, pagkatapos ay kukuha ang pahina ng isang kulay sa background. Ang kulay sa katangian ng bgcolor ng body tag ay maaaring tukuyin alinman sa hexadecimal o sa isang salita lamang.

Hakbang 2

Maaari mong makamit ang parehong epekto sa pamamagitan ng paggamit ng cascading CSS style sheet. Ang isang halaga para sa katangian ng kulay ng background ay tumutukoy sa kulay ng background sa pahina, habang ang isang halaga para sa katangian ng imahe ng background ay tumutukoy sa path sa imahe ng background ng pahina. Ang mga tagubiling ito ay maaaring nakasulat sa tagapili ng katawan. Maaari mong gawin ito nang iba: magtalaga ng isang klase o identifier sa body tag sa tag na html, at italaga ang mga katangiang nasa itaas sa klase o identifier sa css, ayon sa pagkakabanggit. Dapat lamang tandaan na kung ang mga katangian ay itinalaga sa isang klase, kung gayon ang lahat ng mga bagay na may tinukoy na klase ay magkakaroon ng isang kulay sa background sa html na dokumento.

Hakbang 3

Ang mga tagubilin sa itaas ay maaaring nakasulat sa katawan ng mismong dokumento ng html. Upang magawa ito, buksan ang style tag sa seksyon ng serbisyo sa pagitan ng mga head tag (pagbubukas at pagsasara). Ang anumang mga pahayag ng CSS ay maaaring nakasulat sa pagitan ng pagbubukas at pagsasara ng isang naibigay na tag. Dapat lamang tandaan na sa kasong ito, tataas ang timbang ng pahina, na maaaring makaapekto sa negatibong oras sa pag-load nito para sa end user. Dapat ding pansinin na sa kaso ng pagtukoy ng isang imahe sa background, maaari itong ulitin nang pahalang, patayo o kasama ang dalawang palakol nang sabay-sabay. Ang atributang background-ulit sa CSS ay responsable para dito. Ang larawan sa background ay maaaring maging matigas na naka-dock anuman ang pagkakaroon ng isang scroll bar sa dokumento. Upang makamit ang epektong ito, dapat mong tukuyin ang background-attachment: naayos.

Hakbang 4

Ang background ng isang dokumento na html ay maaaring gawin gamit ang mga wika ng programa. Maaari kang magsulat ng mga tagubilin sa html gamit ang JavaScript. Ang dokumento. Magsulat ng pagbuo ng wika ay angkop para dito. Kung ang parehong bagay ay ipinahayag sa pamamagitan ng DOM, ang pahayag ng document.body.style.backgroundColor = "pula" ay gagawing pula ang background ng pahina. Ito ay kapareho ng pagsusulat ng naaangkop na katangian nang direkta sa CSS.

Hakbang 5

Ang mga nakaraang tagubilin ay maaaring nakasulat mismo sa code ng isang web page sa pamamagitan ng paglikha ng isang pares ng mga script tag sa pagitan ng pagbubukas at pagsasara ng mga head tag. Gayunpaman, ang lahat ng mga tagubiling ito ay maaaring nakasulat sa isang magkakahiwalay na file na may extension na js, na, pagkatapos, ay maaaring maiugnay sa pahina.

Inirerekumendang: