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 –
- <img src=”C:\Users\dell\Desktop\desert.jpg” Height=”200″ width =300″>
- <img src=”E:\photo\newyear.png” Height=”400″ width =”100″ >
- <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 –
- <img src=”D:\my pictures\Smile.png” border=”3″>
- <img src=”D:\my pictures\Smile.png” Height=”500″ width =300″ border=”5″>
(Border की Value आप अपने हिसाब से Change कर सकते हैं )
यह Browser में कुछ ऐसा दिखेगा।
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 –
- <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 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.
यह भी पढ़ें…
How To Insert An Image In HTML Page
Ordered And Unordered List In HTML
How To Create Hyperlink In HTML
How To Set Background Color Or Image In HTML