दोस्तो वेबपेज बनाने के लिए बहुत सारे tag और attribute का इस्तेमाल किया जाता है| जिनके इस्तेमाल से हम एक बेहतरीन वेबपेज बना सकते है| HTML मे हमे बहुत सारे tag और attribute मिलते है जिनका इस्तेमाल करके हम हमारा वेबपेज डिजाईन कर सकते है| जिसमे हर एक के लिए अलग-अलग tag इस्तेमाल किया जाता है| जैसे कि अगर हमे वेबपेज मे table बनाना है तो उसके लिए <table> tag और उसके attribute का इस्तेमाल किया जाता है|
दोस्तो अब आपके मन मे सवाल आया
होगा कि, वेबपेज मे image कैसे लगाते है? याफिर how to add image on
webpage? तो दोस्तो इसके लिए HTML ने हमे <img> ये tag दिया है जिसका
इस्तेमाल करके हम वेबपेज के उपर image लगा सकते है| वेबपेज मे हमे टेक्स्ट के
साथ-साथ images कि भी जरुरत पडती है क्योंकी वेबपेज मे अगर हम image का इस्तेमाल
करते है तो उसका impact अच्छा पडता है और वेबपेज का लुक भी अच्छा लगता है| इस tag
Syntax नीचे दिया है ध्यानसे पढे और समजे|
Syntax : <img src = “file name or
file path “>
दोस्तो <img> tag के साथ उसके attribute भी इस्तेमाल किये
जाते है जिनके इस्तेमाल करने से हम image को कहा लेना है| कहा पर सेट करना है| किस
साईज मे सेट करना है? इनके लिए attribute का इस्तेमाल करना पडता है| src ये
<img> tag का एक महत्वपूर्ण attribute है जिसको हमे <img> tag के साथ
इस्तेमाल करना हि पडता है क्योंकी इसके बिना आप image लगा नही सकते| नीचे
attribute के नाम और उनका विवरण दिया है ध्यान से पढे और समजे|
|
Sr.No. |
Attribute Name |
Description |
|
१. |
src=”filename” |
इस
attribute से हम image को वेबपेज पर लगा सकते है| इसके आगे हमे file का नाम
याफिर file का address नाम के साथ देना पडता है| |
|
२. |
Width=”२००” |
इसका
इस्तेमाल करके हम image कि width सेट कर सकते है| |
|
३. |
Height=”२००” |
इसका
इस्तेमाल करके हम image कि height सेट कर सकते है| |
|
४. |
Hspace=”४०” |
दो
images के बीच मे horizontal space कितना देना है वो हम इस attribute कि मदत से
दे सकते है| |
|
५. |
Vspace=”४०” |
दो
images के बीच मे verticle space कितना देना है वो हम इस attribute कि मदत से दे
सकते है| |
|
६. |
Alt=”Text” |
इस
attribute के आगे हम जो भी टेक्स्ट लिखेंगे वो image के उपर कर्सर जाते है
दिखेगा| |
|
७. |
Border=”१०” |
इस
attribute के इस्तेमाल से हम image को बोर्डर लगा सकते है| |
WebPage के
उपर image कैसे लगाते है? ये सिखने के लिए नीचे दिये गये कोड को कॉपी करके उसे Notepad फाईल मे पेस्ट
किजीये और उस फाईल को img.html (डॉट html) नाम से सेव करे और फिर उसे ब्राउझर मे
ओपन करके देखे|
<head>
<Title> This is the Title of the web page </title>
</head>
<body bgcolor="pink" text="black">
<h1> This is the Example of IMG tag</h1>
<img src = "C:\Users\LENOVO\Desktop\Newfolder\defination1.jpg" height="200"
width="200" border="5" hspace="10"
Alt="WebExcel">
<img src="C:\Users\LENOVO\Desktop\New
folder\img.jpg"height="200" width="200" border="5" Alt="WebExcel">
</body>
दोस्तो हमने इस आर्टिकल मे How to add images on Webpage? को स्टेप
बाय स्टेप समजाने कि कोशिश कि है और Adding Images
on webpage और वेबपेज मे image कैसे लगाते है? इस पोस्ट कि जानकारी आप अपने फ्रेंड्स को
भी दे और अपने सोशल मिडिया ग्रुप मे जरूर शेयर करे| जिससे ज्यादा लोगो के पास यह
जानकारी पहुच सके| हमारी पोस्ट how to add image on webpage? और WebPage के उपर
image कैसे लगाते है? इसमे अगर कुछ भी
प्रोब्लेम हो या फिर गलती हो तो कृपया आप हमे comment करेके पुछ सकते है| हम जरूर
उसका जवाब देंगे| अगर आप Latest Update पाना चाहते है तो हमे follow करे और हमारी
WebExcel की वेबसाईट को सब्सक्राईब करे| दोस्तो हमारी पोस्ट पढने कि लिए धन्यवाद
फिर मिलेंगे नई पोस्ट के साथ तब तक के लिए अलविदा, आपका दिन शुभ हो|
ConversionConversion EmoticonEmoticon