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

किसी अन्य डोमेन से HTML में img टैग में src कैसे सेट करें?


किसी वेबपेज पर किसी छवि का उपयोग करने के लिए, टैग का उपयोग करें। टैग आपको छवि स्रोत, alt, चौड़ाई, ऊंचाई आदि जोड़ने की अनुमति देता है। स्रोत छवि URL जोड़ना है। ऑल्ट वैकल्पिक टेक्स्ट विशेषता है, जो टेक्स्ट है जो छवि लोड होने में विफल होने पर दिखाई देता है। HTML के साथ, छवि स्रोत को किसी अन्य डोमेन URL के रूप में जोड़ें। उसके लिए, किसी अन्य डोमेन के लिंक के रूप में src विशेषता जोड़ें।

निम्नलिखित विशेषताएं हैं:

Sr.No.
<वें शैली ="चौड़ाई:84.1295%;">विशेषता और विवरण
1
alt
छवि के लिए वैकल्पिक पाठ
2
ऊंचाई
छवि की ऊंचाई
3
इसमैप
सर्वर-साइड छवि-मानचित्र के रूप में छवि
4
longdesc
किसी छवि के विस्तृत विवरण का URL
5
src
<मजबूत>
एक छवि का URL
6
उपयोग नक्शा
क्लाइंट-साइड छवि-मानचित्र के रूप में छवि
7
चौड़ाई
छवि की चौड़ाई

बस ध्यान रखें कि टैग का कोई अंत टैग नहीं है।

किसी अन्य डोमेन से HTML में img टैग में src कैसे सेट करें?

उदाहरण

आप किसी अन्य डोमेन से 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. जावास्क्रिप्ट में किसी अन्य div के सापेक्ष div स्थिति कैसे सेट करें?

    इसके लिए आपको CSS के “flex-direction” कांसेप्ट का इस्तेमाल करना होगा। मान लें कि निम्नलिखित हमारी CSSstyle है - .demo{ डिस्प्ले:फ्लेक्स; फ्लेक्स-दिशा:कॉलम-रिवर्स; } अब, डिव स्थिति को दूसरे डिव के सापेक्ष सेट करें - उदाहरण दस्तावेज़ .demo{ डिस्प्ले:फ्लेक्स; फ्लेक्स-दिशा:कॉलम-रिवर्स; }DIV_DEMO1DI

  1. जावास्क्रिप्ट के साथ <strong> टैग में टेक्स्ट कैसे सेट करें?

    सबसे पहले, तत्व - . सेट करें <strong id="strongDemo">Replace This strong tag</strong> ऊपर सेट की गई आईडी विशेषता # - . का उपयोग करके टेक्स्ट सेट करने के लिए उपयोग की जाएगी $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is

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

    HTML टैग तत्व के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी।