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

HTML में इमेज कैसे प्रदर्शित करें?


छवि प्रदर्शित करने के लिए HTML में टैग का प्रयोग करें। निम्नलिखित विशेषताएं हैं -

विशेषता
<वें शैली ="चौड़ाई:19.5374%; पाठ-संरेखण:केंद्र;">मान
<वें शैली ="चौड़ाई:63.2376%; पाठ-संरेखण:केंद्र;">विवरण
Align
शीर्ष
तल
मध्य
बाएं
सही
बहिष्कृत - छवि के लिए संरेखण निर्दिष्ट करता है।
Alt
पाठ
वैकल्पिक पाठ निर्दिष्ट करता है
Border
पिक्सेल
बहिष्कृत - छवि सीमा की चौड़ाई निर्दिष्ट करता है।
crossorigin HTML में इमेज कैसे प्रदर्शित करें?
अनाम उपयोग-प्रमाण-पत्र
यह उन तृतीय-पक्ष साइटों की छवियों की अनुमति देता है जो क्रॉस-ओरिजिनल एक्सेस को कैनवास के साथ पुन:उपयोग करने की अनुमति देती हैं।
ऊंचाई
पिक्सेल या %
छवि की ऊंचाई निर्दिष्ट करता है।
hspace
पिक्सेल
बहिष्कृत - वस्तु के बाएं और दाएं डालने के लिए सफेद स्थान की मात्रा।
Ismap
URL
छवि को सर्वर-साइड छवि मानचित्र के रूप में परिभाषित करता है।
Longdesc
पाठ
बहिष्कृत - एक लंबे विवरण का यूआरआई/यूआरएल निर्दिष्ट करता है - यह alt विशेषता के साथ निर्दिष्ट एक छोटे विवरण पर विस्तृत कर सकता है।
Src
URL
एक छवि का url
Usemap
#मानचित्र
छवि को क्लाइंट-साइड छवि मानचित्र के रूप में परिभाषित करता है और <मानचित्र> और <क्षेत्र> टैग के साथ प्रयोग किया जाता है।
Vspace
पिक्सेल
बहिष्कृत - वस्तु के ऊपर और नीचे डालने के लिए सफेद जगह की मात्रा।
चौड़ाई
पिक्सेल या %
पिक्सेल में या % में छवि की चौड़ाई सेट करता है।

उदाहरण

वेब दस्तावेज़ में छवि जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg"
      alt = "Learn HTML5" height = "250" width = "270" />
   </body>
</html>

  1. HTML में इमेज को रेस्पॉन्सिव कैसे बनाएं?

    छवि को प्रतिक्रियाशील बनाने के लिए, आपको दो गुण सेट करने होंगे। टैग का उपयोग करके छवि जोड़ें और इसे प्रतिक्रियाशील बनाने के लिए ऊंचाई और अधिकतम-चौड़ाई के लिए CSS शैली जोड़ें। उदाहरण के लिए, style=height:auto;max-width:100%; HTML में इमेज को रिस्पॉन्सिव बनाने के लिए आप निम्न कोड को चलाने का प्रया

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

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

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

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