छवि प्रदर्शित करने के लिए HTML में टैग का प्रयोग करें। निम्नलिखित विशेषताएं हैं -
विशेषता वें> <वें शैली ="चौड़ाई:19.5374%; पाठ-संरेखण:केंद्र;">मान वें> <वें शैली ="चौड़ाई:63.2376%; पाठ-संरेखण:केंद्र;">विवरण वें> | ||
---|---|---|
Align | शीर्ष तल मध्य बाएं सही | बहिष्कृत - छवि के लिए संरेखण निर्दिष्ट करता है। |
Alt | पाठ | वैकल्पिक पाठ निर्दिष्ट करता है |
Border | पिक्सेल | बहिष्कृत - छवि सीमा की चौड़ाई निर्दिष्ट करता है। |
crossorigin | अनाम उपयोग-प्रमाण-पत्र | यह उन तृतीय-पक्ष साइटों की छवियों की अनुमति देता है जो क्रॉस-ओरिजिनल एक्सेस को कैनवास के साथ पुन:उपयोग करने की अनुमति देती हैं। |
ऊंचाई | पिक्सेल या % | छवि की ऊंचाई निर्दिष्ट करता है। |
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>