How To Insert Image In HTML – HTML Image In Hindi : – Hello Friends! आज के इस आर्टिकल में हम आपको Html के img Tag के बारे में बताने जा रहे है।
ये तो हम सभी जानते है की Image ही एक Webpage को पूरी तरह Complete करती है। बिना Images के कोई भी Webpage अधूरा सा लगता है।
अगर आप भी कोई Website ये Webpage बनाने के लिए Html सिख रहे है तो सवाल ये आता है की Html का Use करके एक Webpage में Image कैसे लगाए।
तो आपकी जानकरी के लिए बता दे Html में Image को Set करने या लगाने के लिए पहले से <img> Tag Define किया गया है जिसका Use करके आप Webpage में Image को Insert कर सकते है।
तो चलिए जानते है कैसे Html में Image को Insert किया जाता है?, HTML Image In Hindi, How To Insert Image In HTML, Introduction of HTML Image In Hindi
HTML Image In Hindi – Introduction of HTML Image In Hindi
Image Tag का Use एक Website या किसी Webpage को या फिर मान लीजिये किसी Blog को Attractive और उसकी Readability को Increase करने के लिए किया जाता है।
Html में <img> Tag के साथ Use होने वाले Attributes भी पहले से Define किये गए है , जिनका Use करके आप अपने Webpage को Control कर सकते है। <img> Tag Open Tag है , इसे Close नहीं किया जाता है।
इन्हे भी पढ़े : –
- Database kya Hai? – What is Database In Hindi – Types of Database In Hindi
- HTML Formatting Tags in Hindi
- Internet Cookies Kya Hai? – What is Internet Cookies in Hindi
- Kali Linux Kya Hai? – What is Kali Linux in Hindi
How To Insert Image In HTML In Hindi
Including Images in Web Page
Web Page मे Images को Insert करने के लिए <img>Tag का Use किया जाता है। <img>Tag के साथ Src Attribute को Use करना ज़रूरी होता है बाकि सभी Attributes Optional होते है। इसका एक Example आप नीचे देख सकते है।
Alternative Text With Images
कभी कभी आपने देखा होगा की जब कभी किसी Website पर Image Load लेने में Time लेती है तो Image की जगह एक Text Show होता है। इस Attribute का Use Search Engines को ये बताने के लिए भी Use किया जाता है की किस चीज़ से Related Image है।
HTML Image Syntax In Hindi
<img src=”” some attributes… />
Image Syntax में दो चीजे बहुत ही Important होती है। First <img>Tag और Second src Attribute. <img>Tag के बारे में तो आपको पता ही होगा ये एक Open Tag है इसे Close नहीं किया जाता है।
इस Tag में src का बहुत Important Role होता है ये Attribute ही Webpage में Image Path को Define करने का काम करता है। आप जिस भी Image को Webpage पर Show करना चाहते है उस Picture का Full URL Double Quotation Mark (“”) के अंदर लिखना होता है।
Image Element के साथ Use होने वाले Attributes Names and Uses
Attributes | Description |
src | src से आप वेब पेज में कोई भी Image को Display करा सकते है। |
alt | Alt Attributes Text की Value को Show करता है। |
width | इससे से आप Image की Width को Set कर सकते है। |
height | इससे से आप Image की Height को Set कर सकते है। |
style | इस Attributes के Help से Images पर CSS Rules Apply किये जा सकते है। |
For Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Image Example</title>
</head>
<body>
<h2>HTML Image Example</h2>
<img src="bloomtutorial.jpg" alt="BloomTutorial"/>
</body>
</html>
Conclusion
इस आर्टिकल में हमने आपको बताया है HTML Image In Hindi के बारे में बताये। उसके साथ साथ HTML Image का Use कैसे किया जाता है। उम्मीद है आपको ये आर्टिकल पसंद आया होगा। HTML Image से जुड़ा कोई भी सवाल आपके मन में है तो आप हमे Comment करके पूछ सकते है।