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

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


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

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

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

<वें शैली ="चौड़ाई:84.1178%;">विशेषता और विवरण
Sr.No.
1 Alt

छवि के लिए वैकल्पिक पाठ
2 ऊंचाई

छवि की ऊंचाई
3 इस्मैप

सर्वर-साइड छवि-मानचित्र के रूप में छवि
4 लॉन्गडेस्क

किसी छवि के विस्तृत विवरण का URL
5 Src

छवि का URL
6 यूजमैप

क्लाइंट-साइड छवि-मानचित्र के रूप में छवि
7 चौड़ाई

छवि की चौड़ाई

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

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

आप सिस्टम ड्राइव से HTML में src को img टैग पर सेट करने के लिए निम्न कोड आज़मा सकते हैं।
नोट: यह केवल आपके स्थानीय सिस्टम पर काम करेगा क्योंकि पथ आपका स्थानीय ड्राइव है।

<!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. HTML दस्तावेज़ शीर्षक को परिभाषित करने के लिए <शीर्षक> टैग का उपयोग कैसे करें?

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

  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 टैग तत्व के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी।