How To Insert An Image In HTML Page

How To Insert an Image In HTML Page ,

How To Insert an Image In HTML Page , Web Page में Image या Picture कैसे लायें ?

How To Insert an Image In HTML Page

Web Page में Image या Picture कैसे लायें

किसी भी Web Page में Image या Picture (चित्र) को Insert करने के लिए <img> Tag का use किया जाता हैं। पूरे Web Page  में Image या Picture को अपनी जरूरत के हिसाब से कही भी बड़ी आसानी से Insert किया जा सकता हैं।

Command – 

<img src=”Source picture file name with Path”>

Src Command के साथ उस Picture file का नाम उसके पूरे व सही Path के साथ लिखना आवश्यक हैं जिस Picture file को आप अपने Web Page में Insert करना चाहते हैं । file का नाम व उसका Path या Location एकदम सही होनी चाहिए वरना  Picture Display नही होगी ।

For Example –

1. <img src=”C:\Users\dell\Desktop\desert.jpg”>

यहां पर (“C:\Users\dell\Desktop\desert.jpg”>)  , “desert.jpg”  Image या Picture file का Path या Location हैं।

2. <img src=”E:\photo\newyear.png”>

यहां पर “newyear.png” , Image या Picture file को (E) drive में photo , Folder के अंदर रखा हैं।

3. <img src=”D:\my pictures\Smile.png”>
यहां पर “Smile.png” , Image या Picture file को (D) drive में My pictures , Folder के अंदर रखा हैं।

     Image या Picture की Height , width और Border , Fix करने के लिए  

किसी भी Web Page में Insert , Image या Picture (चित्र) की Height और width , Set या Fix की जा सकती हैं। Picture की Height और width अपने हिसाब से Set की जा सकती हैं। 

Command –

<img src=”Source picture file name with Path” Height=”200″ width =100″>

(Height और width की Value आप अपने हिसाब से Change कर सकते हैं ) 

For Example –

  1. <img src=”C:\Users\dell\Desktop\desert.jpg” Height=”200″ width =300″>
  2. <img src=”E:\photo\newyear.png” Height=”400″ width =”100″ >
  3. <img src=”D:\my pictures\Smile.png” Height=”500″ width =”300″>

Image या Picture (चित्र) का Border Set करने के लिए 

किसी भी Web Page में Insert , Image या Picture (चित्र) का Border ,  Set या Fix किया जा सकता हैं।

Command –

<img src=”Source picture file name with Path” Height=”Value” width =”Value” border=”Value”>

For Example –

  1. <img src=”D:\my pictures\Smile.png” border=”3″>
  2. <img src=”D:\my pictures\Smile.png” Height=”500″ width =300″ border=”5″>

(Border की Value आप अपने हिसाब से Change कर सकते हैं ) 

यह Browser में कुछ ऐसा दिखेगा।

How To Insert an Image In HTML Page

Image या Picture का Alternative Text  Set करने के लिए 

किसी भी Web Page में Insert Image या Picture (चित्र) में Alternative Text Set किया जा सकता हैं। कभी -कभी Path गलत होने की वजह से या अन्य कारणों से Web Page में Image Display नही हो पाती हैं तो उस वक्त , उस Image की जगह Alt Command के साथ दिया गया Text , एक small Icon के साथ Display हो जायेगा जो User को उस Image के बारे में बतायेगा (यानि Image कौन सी हैं या किस बारे में हैं। )

Command –

<img src=”Source picture file name with Path” Height=”200″ width =”100″ Alt=”Image Description”>

For Example –

  1. <img src=”C:\Users\dell\Desktop\desert.jpg” Height=”200″ width =”100″ Alt=”Desert Picture”>

( इस Command में Image Display न होने पर उसकी जगह Alt Command के साथ दिया गया Text , “Desert Picture” एक small Icon के साथ Display हो जायेगा

2. <img src=”D:\my pictures\Smile.png” Height=”500″ width =”300″ Alt=”a small Smilee”>

( इस Command में Image Display न होने पर उसकी जगह Alt Command के साथ दिया गया Text , “a small Smilee” एक small Icon के साथ Display हो जायेगा

यह Browser में कुछ ऐसा दिखेगा।

how to add a Alternative Text in image in html

How To Insert An Image In HTML Page ,

How To Insert An Image In HTML Page” , से संबंधित Video को हमारे YouTube channel  में देखने के लिए इस Link में Click करें  ।   YouTube channel link – (Padhai Ki Batein / पढाई की बातें)

Note – Class 8th , 9th , 10th , 11th , 12th के हिन्दी विषय के सभी Chapters से संबंधित videos हमारे YouTube channel   (Padhai Ki Batein / पढाई की बातें) पर भी उपलब्ध हैं। कृपया एक बार अवश्य हमारे YouTube channel पर visit करें । सहयोग के लिए आपका बहुत – बहुत धन्यबाद। 

You are most welcome to share your comments . If you like this post . Then please share it . Thanks for visiting.

यह भी पढ़ें

What is HTML Coding

Web Page कैसे बनाते हैं

How To Insert An Image In HTML Page

Ordered And Unordered List In HTML

How To Create Table In Html

How To Create Hyperlink In HTML

Frame In HTML

HTML Form

How To Set Background Color Or Image In HTML

Leave a Reply

Your email address will not be published.