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

HTML पेज में इमेज कैसे इन्सर्ट करें?


छवियों को HTML पृष्ठ के किसी भी अनुभाग में आसानी से सम्मिलित किया जा सकता है। HTML पृष्ठ में छवि सम्मिलित करने के लिए, टैग का उपयोग करें। यह एक खाली टैग है, जिसमें केवल विशेषताएँ होती हैं क्योंकि समापन टैग की आवश्यकता नहीं होती है।

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

HTML पेज में इमेज कैसे इन्सर्ट करें?

उदाहरण

HTML पेज में इमेज डालने के लिए आप निम्न कोड आज़मा सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>

   <body>
      <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">
   </body>
</html>

आउटपुट

HTML पेज में इमेज कैसे इन्सर्ट करें?


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

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

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

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

  1. HTML पेज से रीडायरेक्ट कैसे करें?

    पृष्ठ पुनर्निर्देशन एक ऐसी स्थिति है जहां आपने किसी पृष्ठ X पर पहुंचने के लिए URL पर क्लिक किया लेकिन आंतरिक रूप से आपको दूसरे पृष्ठ Y पर निर्देशित किया गया। यह पृष्ठ पुनर्निर्देशन के कारण होता है। HTML पृष्ठ से रीडायरेक्ट करने के लिए, META टैग का उपयोग करें। इसके साथ, सामग्री विशेषता के मान के लिए