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

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


एचटीएमएल में एनिमेटेड छवियां वेब पेज पर एक छवि है जो चलती है। यह जीआईएफ फॉर्मेट में है यानी ग्राफिक्स इंटरचेंज फॉर्मेट फाइल।

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

साथ ही, ऊंचाई . का उपयोग करके छवि की ऊंचाई और चौड़ाई निर्धारित करें और चौड़ाई विशेषता।

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

उदाहरण

आप HTML में एनिमेटेड छवि के साथ काम करने के लिए निम्नलिखित को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>Animated Image</title>
   </head>
   <body>
      <h1>Animated Image</h1>
      <img src="https://media.giphy.com/media/3o6UBpHgaXFDNAuttm/giphy.gif">
   </body>
</html>

  1. HTML में लिंक के रूप में इमेज का उपयोग कैसे करें? HTML में लिंक के रूप में इमेज का उपयोग कैसे करें?

    HTML में एक लिंक के रूप में छवि का उपयोग करने के लिए, टैग के साथ-साथ href विशेषता वाले टैग का उपयोग करें। टैग वेब पेज में इमेज का उपयोग करने के लिए है और टैग लिंक जोड़ने के लिए है। छवि टैग src विशेषता के अंतर्गत, छवि का URL जोड़ें। इसके साथ ही ऊंचाई और चौड़ाई भी जोड़ें। उदाहरण HTML में लिंक के

  1. एचटीएमएल पेज में सर्कल कैसे बनाएं? एचटीएमएल पेज में सर्कल कैसे बनाएं?

    HTML पृष्ठ में एक वृत्त बनाने के लिए, SVG या कैनवास का उपयोग करें। आप इसे सीमा-त्रिज्या गुण के साथ CSS का उपयोग करके भी बना सकते हैं। उदाहरण HTML में वृत्त बनाने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>   &

  1. HTML में फॉर्मनोवालिडेट विशेषता का उपयोग कैसे करें? HTML में फॉर्मनोवालिडेट विशेषता का उपयोग कैसे करें?

    द फॉर्मनोवालिडेट HTML में विशेषता तब उपयोगी होती है जब आपके पास एक से अधिक सबमिट बटन वाला फ़ॉर्म होता है। द फॉर्मनोवालिडेट विशेषता विशेषता की एक अन्य विशेषता को ओवरराइड करती है, जिसे नवीनीकरण . के रूप में जाना जाता है गुण। नवीनीकरण विशेषता भी एक बूलियन विशेषता है, लेकिन इसका उपयोग करने से सबमिशन के