Image tags in html in hindi


0

what is Image tags in html in hindi

image tag किसी भी वेबपेज को आकर्षक बनाने के लिए तथा किसी भी जटिल जानकारी को चित्रात्मक रूप मे सरल रूप मे हमारे सामने प्रस्तुत करता है इस पोस्ट Image tags in html in hindi मे हम img tag और इससे संबंधित attributes जैसे alt , width , height , border आदि के बारे मे जानेगे ।

how to insert image in web page in hindi ?

आप अपने वेब पेज में टैग का उपयोग करके कोई भी image सम्मिलित कर सकते हैं। इस टैग का उपयोग करने के लिए सरल वाक्यविन्यास निम्नलिखित है।

<img src=” image का यूआरएल ” attributes />

img tag एक empty टैग होता है, जिसका अर्थ है कि इसमें केवल attributes की सूची हो सकती है और इसका कोई end टैग नहीं होता है।

उदाहरण

निम्नलिखित उदाहरण आज़माने के लिए, चलिए अपने HTML फ़ाइल test.html और इमेज फ़ाइल logo.png को उसी डायरेक्टरी में रखते हैं:

<!DOCTYPE html>
<html>
<head>
<title> Image tags in html in hindi </title>
</head>
<body>
<p> insert the image. </p>
<img src=”images/logo.png” alt=”logo” />
</body>
</html>

आप अपने सुविधा के आधार पर PNG, JPEG या GIF image फ़ाइल का उपयोग कर सकते हैं, लेकिन सुनिश्चित करें कि आप src विशेषता में सही छवि फ़ाइल नाम निर्दिष्ट करें। छवि का नाम हमेशा case sensitive होता है।

alt attribute ऐसा attribute है जो की img tag के लिए आवश्यक है alt attribute मे जो टेक्स्ट लिखा जाता है यदि image शो नहीं होती है तो वह टेक्स्ट उस स्थान पर दिखाई देती है ।

image की location सेट करें

आमतौर पर हम अपनी सभी छवियों को एक अलग निर्देशिका में रखते हैं। तो चलिए HTML फाइल test.htm को अपने होम डाइरेक्टरी में रखते हैं और होम डायरेक्टरी के अंदर एक सबडायरेक्ट इमेज बनाते हैं जहाँ हम अपनी इमेज टेस्ट को रखेंगे।

image की width और height कैसे सेट करें

width attribute और height attribute एक अनिवार्य attribute है । आप width और height attribute का उपयोग करके अपनी आवश्यकता के आधार पर image की width और height सेट कर सकते हैं। आप चित्र की width और height को पिक्सेल या उसके वास्तविक आकार के प्रतिशत के आधार पर भी सेट कर सकते है ।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title> set Image width and height </title>
</head>
<body>
<p> insert the image. </p>
<img src=”images/logo.png” alt=”logo” width=”200″ height=”300″ />
</body>
</html>

image का border कैसे निर्धारित करें ?

डिफ़ॉल्ट image में इसके चारों ओर एक border होता है , आप border attribute का उपयोग करके पिक्सेल के संदर्भ में border की मोटाई को अपने अनुसार सेट कर सकते हैं। 0 की मोटाई का मतलब है, चित्र के चारों ओर कोई सीमा नहीं और 7 बॉर्डर की अधिकतम मोटाई होगी ।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title> set Image border </title>
</head>
<body>
<p> insert the image with border </p>
<img src=”images/logo.png” alt=”logo” width=”200″ height=”300″ border=”4″/>
</body>

</html>

image का alignment kaise सेट करें ?

डिफ़ॉल्ट रूप से image web page के left ओर align होती है , लेकिन आप इसे center या right में सेट करने के लिए alignment tag का उपयोग कर सकते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title> set Image align with alignment tag </title>
</head>
<body>
<p> insert the image. </p>
<img src=”images/logo.png” alt=”logo” width=”200″ height=”300″ align=”right”/>
</body>
</html>

आपको हमारी Image tags in html in hindi पोस्ट कैसी लगी कृपया इसके बारे में अवश्य कमेंट करे जिससे हमें पोस्ट को और अधिक उन्नत बनाने में सहायता मिलेगी धन्यवाद


Like it? Share with your friends!

0
vikram

0 Comments

Your email address will not be published. Required fields are marked *