सीधे मुख्य सामग्री पर जाएं

Img tag को html में कैसे लिखे

 Image tag को html में कैसे लिखे

 आज के इस ब्लॉग में हम HTML में Image tag को उसे करना सीखेंगे 

तो चलिए शुरू करते है 


तो सबसे पहले हम अपने नोटपैड को ओपन कर लेते है इसके बाद हम अपनी इस फाइल में कुछ लिख कर इसे सेव कर लेते है और अपनी एक अलग फाइल में इस नोटपैड फाइल को सेव कर लेते है 


अपना एक अलग फोल्डर और अपना एक नया HTML document बनाने के बाद में आपको अपनी इसी फोल्डर में एक image को add कर लेते है 


जैसा की आप देख सकते है की मैंने यहाँ एक इमेज ऐड कर लिया है आप भी को ऐसा ही या जो भी आप चाहे ऐड कर ले 

ये कर लेने के बाद हमें अपने HTML document के structure को टाइप कर लेना है 


HTML  में इमेज टैग को को ऐड करने के लिए आपको <img>  </img>

इसके अंदर हम अपनी इमेज के नाम के साथ उसका extension भी ऐड कर लेंगे 

hamza.jpg

एक और ज़रूरी बात ये है की आपको इमेज टैग के अंदर एक atribute भी ऐड करना है जिसे src कहते है 



ये काम करने के बाद में आपके पास कुछ इस तरह का अपना HTML वेब पेज दिखाई देगा 

वैसे तो इमेज टैग के और भी atribute  होते है जैसे की यहाँ पर कुछ दे रखे है आप देख सकते हो और अपनी इमेज में अप्लाई भी कर सकते हो 

height = " "

width = " "

alt = " "

सारे attribute को इसी तरह इस्तेमाल किया जाता है जिस प्रकार src को इस्तेमाल किया गया 

आज का आप का टास्क यही है की दिए गए attribute को आपको अपनी इमेज में अप्लाई करना है  



लेबल:

टिप्पणियाँ

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

इस ब्लॉग से लोकप्रिय पोस्ट

HTML सीखे आसानी से हिंदी में

  HTML सीखे आसानी से हिंदी में आज के इस ब्लॉग में हम HTML को सीखने वाले है।  और HTML के basic tag को जानने वाले है और इस language को किस तरह से इस्तेमाल किया जाता है इस को बड़े ही आसान तरीके से समझने वाले है तो चलिए शुरू करते है आज का ब्लॉग।  HTML क्या है ? What is HTML in Hindi ⃝      HTML एक ऐसी भाषा है जिस की मदद से हम वेबसाइट बना सकते है इसे सीखना बेहद आसान है और अगर आप एक सफल वेब डेवलपर बनना चाहते है तो आप इस भाषा से अपनी इस सफर को शुरू कर सकते है  ⃝       बिना HTML Code के कोई भी वेबपेज Design नही किया जा सकता इस समय जिस पेज को आप अपन   Screen पर देख रहें है इसे भी बनाने के लिये HTML Language का Use किया है। HTML File का Extension .html होता है। इस का मतलब है की जब भी आप कोई भी HTML का कोई कोड कही लिखेंगे तो आप जब अपनी फाइल को सेव करेंगे तब आपको जो भी अपनी फाइल का नाम लिख कर उसके बाद में आप को .html लिखना होगा  HTML को लिखने के लिए दो टूल्स की ज़रुरत होती है जो आज कल सभी कंप्यूटर और लैपटॉप में पहले से ही होते...
एक टिप्पणी भेजें
और पढ़ें

HTML Structure क्या है ? HTML in Hindi

 HTML Structure क्या है ? HTML in Hindi आज के इस ब्लॉग में हम बात करने वाले है HTML के structure को समझने वाले है तो चलिए शुरू करते है  <html > tag से ही html को शुरू करते है इसके लिए कल के ब्लॉग में हमने html के structure को देखा था अगर आपने अभी तक कल का ब्लॉग नहीं पढ़ा है तो पहले उसे जाकर पढ़ सकते है  kal ka blog कल के ब्लॉग में हमने हेलो वर्ल्ड प्रिंट किया था तो आज के ब्लॉग में हम html के structure को समझने वाले है  <Html>  इस टैग को html का opening टैग कहते है और </Html>  इस टैग को html का closing टैग कहते है  इन दोनों में ज़्यादा फर्क नहीं है बस एक simple का ही फर्क है वो है /  ज़्यादा कंफ्यूज होने की ज़रुरत नहीं है जो भी टैग होता है उसे <> पहले इन दोनों चिन्हो में लिखना होता है वो हो जाते है opening tag और जो </  > इस में लिखा जाता है उसे closing tag कहते है  तो अब हम अपने Notepad को चालू कर लेते है  और इसके बाद इसमें हम simply ये tag कोड लिख लेते है  इसके बाद हम एक और ट...
एक टिप्पणी भेजें
और पढ़ें

Html में टूलटिप कैसे इस्तेमाल करते है ? How to use tooltip in html

  Html में टूलटिप कैसे इस्तेमाल करते है ? How to use tooltip in html                                       हेलो दोस्तों हाँ मुझे पता है सब मेरे दोस्त नहीं है चलो छोडो  आज के इस ब्लॉग में हम सिखने वाले है Html में tooltip को कैसे सीखते है  अब अगर इस नाम को पहली बार सुन रहे हो तो कोई बात नहीं टेंशन नहीं लेने का भाई ने बोला ना तो बस करने का Ok  Anyway  तो चलिए शुरू करते है तो इसके लिए सबसे पहले आपको अपना html का structure अपने नोटपैड या कोई भी कोड एडिटर में  टाइप कर लेना है इसके बाद आपको एक हैडिंग टैग को ऐड कर लेना है कुछ इस तरह से  यह करने के बाद आपको अपने हैडिंग टैग में एक attribute ऐड करना है जिसे टाइटल attribute कहते है  उसको कुछ इस प्रकार से ऐड करेंगे  अब आपको इसे सेव कर लेना है लेकिन याद रहे की आप इसे .html से सेव करे  इसके बाद आप अपनी इस फाइल को ओपन करेंगे तो आपको कुछ इस तरह का interface  शो होगा  अब आप कहोगे की क्या यार हमजा...
एक टिप्पणी भेजें
और पढ़ें