HTML in Hindi – HTML Image Tag

HTML image tag in Hindi
Attribute of image tag in Hindi
Introduction to images tag in Hindi

Introduction to Image tag

html मे image tag का use image include करने के लिए किया जाता है | अगर web page पर image show कराना है या दिखाना है तो image tag का use कर सकते है | और image tag को <img> से represent किया जाता है | यह एक open source tag है |

Image Attribute

HTML मे image tag का कुछ attribute भी है जिसे हम निचे दे रहे है |

SRC Attribute

image tag मे src attribute का use image का path देने के लिए किया जाता है और इसका full form source होता है |

<img src="img/img.jpg">

ALT Attribute

ALT Attribute का full form होता है Alternative और इस attribute का use image का एक स्पेसिफिक नाम देने के लिए किया जाता है | कभी कभी हमारा image load नही हो पाता है तो उस condition मे हमारा alt attribute show होता है या दिखाई देता है |

<img src="img/img.jpg" alt="image">

Usemap Attribute

इस attribute का प्रयोग image का map use मे लेने के लिए किया जाता है और अधिक जानकारी के लिए html map का article open करे |

<img src="img/img.jpg" alt="image" usemap="#map1">

Width and height

Width and height एक तरह से attribute है | इनका use image को resize करने के लिए किया जाता है | अब निचे दिये गये code को देखे |

<img src="img/img.jpg" alt="image" width="300" height="300">

Border

border भी image tag का एक attribute ही है इस attribute का use image को border देने के लिए किया जाता है |

<img src="img/img.jpg" alt="image" width="300" height="300" border="10">

Style Attribute

style attribute का use image के ऊपर css apply करने के लिए किया जाता है और style attribute का use करके image को और भी attractive बनाया जाता है | लेकिन इसके लिए हमे css आनी चाहिए |

<img src="img/img.jpg" alt="image" style="width: 300px; height: 300px;">

Create Link on image tag

अगर हम चाहे तो अपने image को link मे convert भी कर सकते है इसके लिए हमे <a> tag का use करना पड़ता है | अब निचे दिये गये code को देखे |

<!DOCTYPE html>

<html>

<head>

       <title>Easy Hindi Tutorials</title>

</head>

<body>

<img src="image.jpg" usemap="#map1">

<map name="map1">

       <area shape="rect" coords="123,23,32,143" href="https://www.google.com">

       <area shape="circle" coords="100,200,100" href="https://www.google.com">

       <area shape="poly" coords="100,200,100,100,200,100" href="https://www.google.com">

</map>

</body>

</html>

HTML in Hindi – HTML Image Tag, Introduction to images tag in Hindi learn coding by myhindiexam