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

HTML में विभिन्न स्थितियों में उपयोग करने के लिए छवि का URL कैसे निर्दिष्ट करें?

srcset का प्रयोग करें HTML में विभिन्न स्थितियों में उपयोग करने के लिए छवि के URL को निर्दिष्ट करने के लिए विशेषता।

उदाहरण

आप srcset को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं गुण। विभिन्न छवियों को लोड होते देखने के लिए ब्राउज़र का आकार बदलें -

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width=device-width, initial-scale = 1.0">
   </head>
   <body>
      <picture>
         <source media = "(min-width: 550px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg">
         <source media = "(min-width: 400px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg">
         <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt = "Tutorials Library" style = "width:auto;">
      </picture>
   </body>
</html>

  1. HTML पेज में एनिमेटेड इमेज का उपयोग कैसे करें?

    एचटीएमएल में एनिमेटेड छवियां वेब पेज पर एक छवि है जो चलती है। यह जीआईएफ फॉर्मेट में है यानी ग्राफिक्स इंटरचेंज फॉर्मेट फाइल। HTML में एनिमेटेड इमेज जोड़ना काफी आसान है। आपको . का उपयोग करने की आवश्यकता है src . के साथ टैग करें गुण। स्रोत विशेषता छवि का URL जोड़ती है। साथ ही, ऊंचाई . का उपयोग क

  1. HTML में URL इनपुट प्रकार का उपयोग कैसे करें?

    URL इनपुट प्रकार HTML में का उपयोग करके उपयोग किया जाता है। इसका उपयोग करके, उपयोगकर्ताओं को URL इनपुट प्रकार जोड़ने की अनुमति दें। कुछ ब्राउज़रों पर, दर्ज किए गए URL को मान्य किया जाएगा यानी यदि आप URL जोड़ते समय .com को याद करते हैं, तो यह फ़ॉर्म सबमिट नहीं करेगा और एक त्रुटि दिखाएगा अर्थात कृपया

  1. HTML में आवश्यक विशेषता का उपयोग कैसे करें?

    HTML में आवश्यक विशेषता का उपयोग किया जाता है o यह निर्दिष्ट करें कि प्रपत्र जमा करने से पहले तत्व को भरा जाना चाहिए। यदि फ़ील्ड नहीं भरी जाती है और सबमिट बटन पर क्लिक किया जाता है, तो एक त्रुटि उत्पन्न होती है, जो फॉर्म जमा करने में विफल हो जाती है। त्रुटि कृपया इस फ़ील्ड को भरें होगी। आवश्यक विशेष