फॉण्ट और इमेज -> इमेज टैग

<img> टैग
इस टैग का प्रयोग ब्राउज़र में किसी इमेज को प्रदशित करने के लिए किया जाता है, निम्न प्रकार की इमेज फ़ाइल को लगभग सभी ब्राउज़र सपोर्ट करते है -:

फ़ाइल टाइप                                               एक्सटेंशन नेम
GIF (Graphics Interchange Format)             .gif
JPEG  (Joint Photographic Experts Group)    .jpg or.jpeg
XBM (X Bitmaps)                                       .xbm
XPM (X Pixelmaps)                                    .xpm
PNG  (Portalbe Network Graphics)              .png
BMP  (Bitmap)                                          .bmp

<img> टैग के साथ निम्नलिखित एट्रीब्युट्स का प्रयोग किया जाता है ..



एट्रीब्युट्स <---->  विवरण
scr    <---->      इमेज की लोकेशन सेट करने के लिए, किसी इमेज के पाथ को दो प्रकार से दिया जाता सकता  है, एब्सोल्यूट पाथ तथा रिलेटिव पाथ..
           उदहारण एब्सोल्यूट पाथ <img scr="c:\image\1.jpg">, उदाहरण रिलेटिव पाथ <image scr"1.jpg">

width   <---->    इमेज की चौड़ाई निर्धारित करने के लिए, उदाहरण <img scr"c:\image\1.jpg"
width=300>

height   <---->    इमेज की ऊंचाई निर्धारित करने के लिए, उदाहरण <img scr"c:\image\1.jpg" height=300>

align    <---->     इमेज के साथ प्रदर्शित होने वाले टेक्स्ट का अलाइनमेंट top,bottom अथवा middle सेट करने के लिए ..
           उदाहरण <img scr="c:\image\1.jpg" align="top'>  डिफॉल्ट वेल्यु =bottom

border  <---->    इमेज पर बोर्डर सेट करने के लिए,  उदाहरण <img scr="c:\image\1.jpg" border=2>
           डिफॉल्ट वेल्यु = 0

hspace  <---->   इमेज के दांई तथा बाँई और का खाली स्थान सेट करने के लिए..
           उदाहरण <img scr="c:\image\1.jpg" hspace=50>

vspace  <---->   इमेज के ऊपर तथा नीचे के खली स्थान को सेट करने के लिए..
           उदाहरण <img scr="c:\image\1.jpg" vspace=40>

alt   <---->   इमेज के प्रदर्शित नहीं हो पाने की स्थिति में दिया गया टेक्स्ट सेट करने के लिए
           उदाहरण <img scr="c:\image\1.jpg" alt="Image Not Fount">

उदाहरण -: नीचे दिए गए उदाहरण में <img> टैग तथा उसके एट्रीब्युट् को समझाया गया है...

<html>
<head>
<title>Demo</title>
</head>
<body>
  <img scr="https://www.blogger.com/img/new-ui/blogger-logo-small.png" align="middel">Hello I'm Blloger</img>
</body>
</html>



आउटपुट -:



Demo Hello I'm Blloger

5 कमेन्ट:

Vinay Prajapati ने कहा…

नव संवत्सर की हार्दिक बधाई और शुभकामनाएँ!!

Ramswaroop diwraya ने कहा…

हमारे लिए एक उपयोगी ब्लॉग हैँ।
http://rsdiwraya.blogspot.com/
आपका ब्लॉग मेरे ब्लॉग पर लगा सकते हैँ?

Pradeep Mishra ने कहा…

होली की हार्दिक शुभकामनाएँ
धन्यवाद ।

Jay Singh ने कहा…

काम की जानकारी दी आपने दोस्त
विंडो 7 के ट्रायल को 120 या 360 दिन बढ़ाए

जे.पी.हंस ने कहा…

बहुत अच्छा

एक टिप्पणी भेजें

आपका स्वागत है...

Copyright © 2012-2013 एचटीएमएल हिन्दी में