Jinsi Ya Kujaza Background Katika Html

Orodha ya maudhui:

Jinsi Ya Kujaza Background Katika Html
Jinsi Ya Kujaza Background Katika Html
Anonim

Lugha ya markup ya HTML hukuruhusu kufanya asili ya ukurasa iwe rangi thabiti ya rangi yoyote, na pia uweke picha juu yake. Hii inafanya uwezekano wa kupata maandishi, kwa mfano, dhidi ya muundo wa mazingira au karatasi.

Jinsi ya kujaza background katika html
Jinsi ya kujaza background katika html

Maagizo

Hatua ya 1

Wakati wa kuchagua rangi ya asili au picha ili uweke juu yake, ongozwa haswa na usomaji wa maandishi. Asili inapaswa kuwa tofauti, kwa maneno mengine, wahusika wanapaswa kusimama wazi juu yake. Ikiwa unaamua kutengeneza picha ya usuli, hakikisha kuhakikisha kuwa wewe ndiye mwandishi wa picha hiyo au una haki ya kuitumia kwa msingi wa mkataba (kwa mfano, leseni ya bure).

Hatua ya 2

Pata lebo kwenye chanzo cha ukurasa wa HTML. Ili kufanya mandharinyuma kuwa na rangi na rangi, ongeza ubadilishaji wa bkcolor na hoja kama nambari ya rangi. Baada ya hapo, ujenzi utaonekana kama hii: Ya kwanza huweka ukali wa sehemu nyekundu, ya pili - kwa kijani kibichi, na ya tatu - kwa bluu.

Hatua ya 3

Ikiwa unataka kuweka picha kwenye mandharinyuma, kwanza kabisa, punguza saizi yake ili iwe na maazimio ya usawa na wima chini ya umoja wa 320. Hifadhi kama faili mpya ili kuepuka kuharibu asili. Tafadhali tumia fomati ya JPG,.png

Hatua ya 4

Kutumia kiolesura cha wavuti au mteja wa programu ya FTP, weka faili ya picha kwenye folda ya seva ambapo faili ya HTML unayohariri iko.

Hatua ya 5

Badala ya ubadilishaji wa bkcolor, ongeza kutofautisha kwa nyuma kwa lebo na hoja kama jina la faili ya picha. Sasa itaonekana kama hii: ambapo fon

Hatua ya 6

Pakia faili iliyosasishwa ya HTML kwenye seva. Fungua kwenye kivinjari. Hakikisha asili imeonyeshwa kwa usahihi. Ikiwa kuna picha juu yake, itarudia kwa usawa na kwa wima, ikijaza nafasi yote kwenye ukurasa. Angalia jinsi maandishi kwenye mandharinyuma mapya yanasomeka vizuri katika vivinjari tofauti. Tumia rangi tofauti au faili ya picha ikiwa ni lazima.

Ilipendekeza: