Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

सिस्टम ड्राइव से HTML में img टैग का src कैसे सेट करें?


लोकल इमेज पथ का उपयोग

वेबपेज पर इमेज उपयोग करने के लिए, <img> टैग का उपयोग करें। यह टैग आपको इमेज सोर्स, alt, width, height आदि जोड़ने की अनुमति देता है। src इमेज URL जोड़ने के लिए है। alt अल्टरनेट टेक्स्ट एट्रिब्यूट है, जो तब विजिबल होता है जब इमेज लोड होने में विफल होती है।

HTML के साथ, इमेज सोर्स को अपने सिस्टम ड्राइव के पथ के रूप में जोड़ें। इसके लिए, src एट्रिब्यूट को सिस्टम ड्राइव के पथ के लिंक के रूप में जोड़ें जहां इमेज स्टोर है। उदाहरण के लिए, file:/D:/images/logo.png

इमेज एट्रिब्यूट्स

Sr.No. एट्रिब्यूट और विवरण
1Alt
इमेज के लिए अल्टरनेट टेक्स्ट
2Height
इमेज की ऊंचाई
3Ismap
सर्वर-साइड इमेज-मैप के रूप में इमेज
4Longdesc
इमेज के विस्तृत विवरण का URL
5Src
इमेज का URL
6Usemap
क्लाइंट-साइड इमेज-मैप के रूप में इमेज
7Width
इमेज की चौड़ाई

ध्यान रखें <img> टैग का कोई एंड टैग नहीं होता।

सिस्टम ड्राइव से HTML में img टैग का src कैसे सेट करें?

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML img tag</title> 
  </head> 
  <body> 
    <img src="file:/D:/images/logo.png" alt="Site Logo" width="50" height="50"> 
  </body> 
</html>

नोट: यह केवल आपके लोकल सिस्टम पर काम करेगा क्योंकि पथ आपका लोकल ड्राइव है।

  1. <title> टैग का उपयोग करके HTML दस्तावेज़ का शीर्षक कैसे परिभाषित करें? <title> टैग का उपयोग करके HTML दस्तावेज़ का शीर्षक कैसे परिभाषित करें?

    HTML दस्तावेज़ के लिए शीर्षक सेट करने के लिए, HTML <title> टैग का उपयोग करें। बॉडी शीर्षक को <head> और </head> टैग्स के बीच रखा जाता है। HTML दस्तावेज़ का शीर्षक वेब ब्राउज़र के शीर्षक बार पर दिखाई देता है। इसे SEO के लिए अच्छा माना जाता है। उदाहरण वेब ब्राउज़र पर दस्तावेज़ का शीर

  1. JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें? JavaScript से <strong> टैग में टेक्स्ट कैसे सेट करें?

    उदाहरण सबसे पहले <strong> एलिमेंट सेट करें: <strong id=strongDemo>Replace This strong tag</strong> आईडी का उपयोग करके jQuery से टेक्स्ट सेट करें: $(document).ready(function(){ $(#strongDemo).html(Actual value of 5+10 is 15.....); }); पूरा HTML कोड: <!DOCTYPE html> <

  1. HTML में <datalist> टैग का उपयोग कैसे करें? HTML में <datalist> टैग का उपयोग कैसे करें?

    HTML <datalist> टैग <input> एलिमेंट के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी। <datalist>...</datalist> टैग के अंदर <option>...</option> टैग का उपयोग करें।उदाहरणHTML में <datalist> टैग का उपयोग करने के लिए निम्न कोड चलाएं:<!