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

दूसरे डोमेन से HTML में img टैग का src कैसे सेट करें?


एक्सटर्नल डोमेन से इमेज लोड करना

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

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

Sr.No. एट्रिब्यूट और विवरण
1alt
इमेज के लिए अल्टरनेट टेक्स्ट
2height
इमेज की ऊंचाई
3ismap
सर्वर-साइड इमेज-मैप के रूप में इमेज
4longdesc
इमेज के विस्तृत विवरण का URL
5src
इमेज का URL
6usemap
क्लाइंट-साइड इमेज-मैप के रूप में इमेज
7width
इमेज की चौड़ाई

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

दूसरे डोमेन से HTML में img टैग का src कैसे सेट करें?

उदाहरण

<!DOCTYPE html> <html> 
  <head></head> 
  <body> 
    <h2>Qries</h2> 
    <img src="https://www.qries.com/images/banner_logo.png" alt="Qries" width="200" height="90"> 
  </body> 
</html>
  1. JavaScript में एक div की पोजीशन दूसरे div के सापेक्ष कैसे सेट करें? JavaScript में एक div की पोजीशन दूसरे div के सापेक्ष कैसे सेट करें?

    यह मुख्य रूप से CSS का काम है। JavaScript की आवश्यकता नहीं। CSS Flexbox (flex-direction: column-reverse) या Grid का उपयोग करके एलिमेंट्स का क्रम बदलें। CSS Flexbox समाधान (सबसे सरल) <style> .container { display: flex; flex-direction: column-reverse; /* क्रम उलट दें */

  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> टैग का उपयोग करने के लिए निम्न कोड चलाएं:<!