Image Tag

M2-R5.1 · Chapter 3: HTML Basics · 2 min read

IMAGE TAG (<img>) IN HTML

  • किसी web page में image insert करने के लिए <img> tag का उपयोग किया जाता है।

  • <img> tag में image का name और extension src attribute की value के रूप में दिया जाता है।

  • <img> एक Empty Element है, इसलिए इसका कोई closing tag नहीं होता।

👉 Syntax

<img src="image.jpg">

यहाँ:

  • <img> → Image tag

  • src → Image का source/path

  • image.jpg → Image का name और extension

ATTRIBUTES OF <img> TAG

AttributeValueDescriptionExample
srcURL / Pathयह image का source या path specify करता है।<img src="flower.jpg">
heightPixels (px)यह image की height set करता है।<img src="flower.jpg" height="200px">
widthPixels (px)यह image की width set करता है।<img src="flower.jpg" width="300px">
borderNumber (px)यह image के चारों ओर border की width set करता है।<img src="flower.jpg" border="5">
hspacePixels (px)यह image के left और right side में horizontal space set करता है।<img src="flower.jpg" hspace="20px">
vspacePixels (px)यह image के top और bottom में vertical space set करता है।<img src="flower.jpg" vspace="20px">
alignleft / right / centerयह webpage में image की alignment specify करता है।<img src="flower.jpg" align="right">
altTextयह image के लिए alternative text specify करता है। यदि image load नहीं होती है, तो यह text दिखाई दे सकता है।<img src="flower.jpg" alt="Beautiful Flower">

Example

<img src="flower.jpg"
     height="200px"
     width="300px"
     border="5"
     hspace="20px"
     vspace="20px"
     align="right"
     alt="Beautiful Flower">

इस Example में:

  • src → कौन-सी image display करनी है।

  • height → image की height।

  • width → image की width।

  • border → image के चारों ओर border।

  • hspace → left और right का space।

  • vspace → top और bottom का space।

  • align → image की position/alignment।

  • alt → image load न होने पर alternative text।