Jinsi Ya Kutengeneza Picha Kwenye Html

Orodha ya maudhui:

Jinsi Ya Kutengeneza Picha Kwenye Html
Jinsi Ya Kutengeneza Picha Kwenye Html

Video: Jinsi Ya Kutengeneza Picha Kwenye Html

Video: Jinsi Ya Kutengeneza Picha Kwenye Html
Video: #HTML Jinsi ya kutengeneza websites HTML. part 1 2024, Mei
Anonim

HTML ni lugha ya markup ambayo hutumiwa kuunda kurasa za mtandao. Inaweza kutumika Customize maonyesho ya vitu anuwai, pamoja na picha. Kuweka maonyesho ya picha katika HTML hufanywa kupitia lebo maalum.

Jinsi ya kutengeneza picha kwenye html
Jinsi ya kutengeneza picha kwenye html

Maagizo

Hatua ya 1

Fungua faili yako ya HTML na kihariri cha maandishi unachotumia kuhariri kurasa za wavuti. Ikiwa huna faili ya HTML, tengeneza kwa kubonyeza kushoto kwenye desktop au kwenye folda inayohitajika, na bonyeza kwenye menyu "Mpya" - "Hati ya Maandishi". Ingiza jina la faili na ongeza ugani wa html baada ya kipindi hicho. Kisha bonyeza kulia kwenye hati tena na uchague "Fungua na" - "Notepad". Utaona hati tupu ambayo unaweza kuweka nambari ya HTML.

Hatua ya 2

Ili kuunda picha katika HTML, lebo hutumiwa, ambayo lazima iwekwe kwenye sehemu ya kuonyesha. Kwa mfano:

Picha katika HTML

Hatua ya 3

Lebo haifungi na haihitaji lebo ya kufunga. Kigezo chake kuu, ambacho lazima kitumike, ni src, ambayo huweka njia ya faili ya picha unayotaka. Unaweza kutaja kwenye mstari huu kamili (na https://) na njia ya jamaa (kwa mfano, / picha / img.jpg) kwa faili ya picha ambayo unataka kuweka.

Hatua ya 4

Kigezo kingine muhimu ni alt, ambayo inafafanua jina la picha na kitambulisho chake kwenye ukurasa. Jina hili litaonekana wakati mtumiaji atapanya panya juu ya picha.

Hatua ya 5

Unaweza pia kutumia upana na sifa za urefu kuweka vigezo vya picha. Mpangilio wa kwanza unawajibika kwa urefu, na ya pili ni kwa urefu wa picha kwenye ukurasa. Kigezo hiki kimeainishwa kwa saizi. Kwa hivyo, lebo ya & img inaweza kuwekwa:

Hatua ya 6

Kutumia lebo hii, picha imeundwa, njia ambayo imerekodiwa katika sifa ya src. Unapoteleza juu ya picha, utaona ujumbe "jina la picha". Katika kesi hii, picha itakuwa saizi 300 kwa upana na saizi 250 juu. Unaweza kuweka vigezo vyote hapo juu kama unavyopenda.

Hatua ya 7

Hifadhi mabadiliko kwenye faili ukitumia "Faili" - "Hifadhi" kazi. Fungua hati katika kivinjari ili uangalie ikiwa picha imeundwa kwa mafanikio katika HTML. Ili kufanya hivyo, bonyeza-bonyeza kwenye faili na uchague sehemu ya "Fungua na", kisha bonyeza kwenye mstari na jina la kivinjari chako. Uundaji wa picha ya HTML umekamilika.

Ilipendekeza: