Napakahalagang bahagi ng isang web page ang mga imahe dahil pinapabuti nito ang hitsura ng isang web page at pinapataas ang pakikipag-ugnayan ng customer. Ang USP ng maraming mga website ay kung paano sila nagsasaayos ng iba't ibang mga imahe sa kanilang mga webpage at nagdaragdag ng mga lasa dito. Dito sa Artikulo sa imahe, mauunawaan namin kung paano mag-embed ng mga imahe sa isang webpage gamit ang HTML sa sumusunod na pagkakasunud-sunod:
Paano Magdagdag ng Larawan Sa HTML
Upang mag-embed ng isang imahe sa isang webpage na nagbibigay sa iyo ng HTML tag Isa pang mahalagang puntong dapat tandaan ay,
walang pansarang tag. scr Ginamit ang katangian upang tukuyin ang landas ng imahe, na maaaring isang url o path ng imahe mula sa system / server. Magsimula muna tayo sa pangunahing syntax ng pag-embed ng imahe sa isang webpage gamit ang HTML.
Syntax
img src = 'img / front-end-web-development / 50 / ano-ang-html-mga imahe.png'>Sample Code
Ang HTML na Ima-embed na Mga Larawan sa Webpage
Katulad ng iba pang mga tag, mayroong iba't ibang mga katangian na nauugnay tag Tingnan natin ang bawat isa sa kanila isa-isa, maunawaan ang kanilang pangangailangan at kung paano gamitin ang mga ito.
Mga Tag ng Mga Larawan ng HTML
- alt Katangian
Ang katangiang alt ay ang kahaliling teksto para sa isang imahe. Ang dahilan kung bakit ipinakilala ang katangiang alt ay kung dahil sa anumang kadahilanan na hindi ma-load ang imahe pagkatapos ay lilitaw ang isang kahaliling teksto na nagbibigay ng isang ideya tungkol sa imahe. Ang mga dahilan para sa hindi paglo-load ng imahe ay maaaring mabagal na koneksyon sa internet o ang imahe ay hindi naninirahan sa ibinigay na mapagkukunan, atbp.
Kung ang imahe ay naninirahan sa loob ng parehong folder kung nasaan ang HTML file, maaari mong tukuyin ang pangalan ng file nang direkta. Kung hindi man, mayroon kang magbigay ng ganap na landas ng file ng imahe.
Ang halaga ng katangiang alt ay dapat na naglalarawan sa imahe.
Halimbawa
Ang HTML na Ima-embed na Mga Larawan sa Webpage
kung paano mag-convert sa binary sa sawa
- Lapad at Taas ng isang Imahe
Ginamit ang katangiang istilo upang maitakda ang taas at lapad ng isang imahe. Sa katangiang istilo tinukoy mo ang estilo ng CSS.
Ang HTML na Ima-embed na Mga Larawan sa Webpage
Ang ilan sa mga mahahalagang puntos habang ang pag-embed ng isang imahe sa isang webpage na gumagamit ng HTML ay:
- Ang mga katangian ng lapad at taas ay tinukoy sa mga pixel.
- Maaari mo ring tukuyin ang lapad at taas ng isang imahe sa porsyento. Isasaalang-alang nito ang porsyento ayon sa buong webpage.
- Kung tinukoy mo lamang ang isa sa mga ito pagkatapos ay inaayos nito ang iba pang naaayon.
- Pag-embed ng Mga Larawan gamit ang URL
Binibigyan ka din ng HTML ng kakayahang umangkop kung saan maaari kang pumili ng imahe mula sa isa pang server sa pamamagitan lamang ng pagtukoy sa URL. Maaari kang gumamit ng isang hiwalay na server upang mag-host ng mga imahe at pagkatapos ay i-embed ang mga imaheng iyon gamit ang URL.
casting ng doble sa int java
Ang HTML na Ima-embed na Mga Larawan sa Webpage
- Larawan bilang isang Link
Maaari mo ring gamitin ang imahe bilang isang link kung saan maaaring mag-click ang gumagamit sa imahe at makarating sa isang bagong webpage. Upang magawa ito, kailangan mo lamang ilagay ang araw sa tag
Ang HTML na Ima-embed na Mga Larawan sa Webpage
- Lumulutang na Larawan
Maaari mo ring ayusin ang pagkakahanay ng imahe gamit ang pag-aari ng float ng CSS. Ang lahat ng pag-aari ng CSS ay kailangang tukuyin sa katangian ng estilo.
Larawan ng HTML
- Mga Mapa ng Imahe
Ito ay isa sa mga mahahalagang tampok na ibinigay ng HTML. tumutulong ang tag sa pagtukoy ng isang imahe-mapa. Dapat ay nagtataka ka kung ano ang isang mapa ng imahe. Ang isang imaheng-mapa ay isang imahe na may mga nai-click na lugar
Larawan ng HTML
- Larawan sa Background
Maaari ka ring magdagdag ng isang imahe sa background sa isang webpage. Kailangan mo lamang gamitin ang pag-aari ng CSS ibig sabihin, background-image sa style tag at idagdag ito sa elemento ng HTML.
Larawan ng HTMLLarawan sa Background
Elemento ng BODY
Sa pamamagitan nito natapos na kami sa HTML Images Blog na ito.Ngayon pagkatapos maipatupad ang mga snippet sa itaas ay naiintindihan mo kung paano maglagay ng imahe sa HTML. Inaasahan kong ang blog na ito ay may kaalaman at naidagdag na halaga sa iyo.
Suriin ang aming na kasama ng live na pagsasanay na pinamunuan ng magtuturo at karanasan sa proyekto sa totoong buhay. Ang pagsasanay na ito ay gumagawa sa iyo ng kasanayan sa mga kasanayan upang gumana sa back-end at front-end na mga teknolohiya sa web. Kabilang dito ang pagsasanay sa Pag-unlad sa Web, jQuery, Angular, NodeJS, ExpressJS, at MongoDB.
May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng blog na 'Mga Larawan ng HTML' at babalikan ka namin.