Ticker

6/recent/ticker-posts

Advertisement

( Web Designing Series Part-16 ) web pages में image कैसे लगाए

                                           

  web pages में image कैसे लगाए 




  • दोस्तों आज के इस नए article में आप सभी का स्वागत है जैसा की आप जानते है या फिर title में देख सकते है की ये हमारी वेब डिजाइनिंग की series चल रही और यह उस series का part-16 है हमने इससे पहले html में form tag तक पढ़ चुके है अगर आप पहली बार हमारे article को पढ़ रहे है तो जाकर पुराने article पढ़ सकते है जिससे आपको अच्छी तरह से ये article या फिर आने वाले article समझ में आये तो जाकर आप पढ़ सकते है और हमें follow भी कर अकते है अगर आप इसमें interested है  तो चलिए बिना वक्त गवाए आज के article के important topic को सुरु करते है |
  • आज के topic में हम पढने वाले है की अपने वेबसाइट के वेब pages में इमेज कैसे लगाए html कोडिंग की मदद से क्योकि किसी भी वेबसाइट के लिए images का होना जरूरी होता है इसलिए ये एक ख़ास topic है जो हमारी वेबसाइट को खूबसूरती प्रदान करता है तो चलिए जानते है की हम किस code की मदद से हम अपनी वेबसाइट के लिए एक खूबसूरत image लगा सकते है 
  • किसी भी वेबसाइट के वेब पेजेज में image लगाने के लिए <img> tag की जरूरत होती है इस tag का कोई closing tag नही होता है जहा से tag सुरु होता है वाही ये close भी होता है हम इसे body tag के अन्दर कही भी use कर सकते है तो चलिए इसे हम एक example की मदद से समझते है इसका विडियो भी निचे दिया हुआ है जहा मैंने practically अपने लैपटॉप पर बताया है use देख आप समझ सकते है 

Example-:

< body>

< img  src="images/one.jpg">

</body >                                                                                                                                                                       

  • जैसा की आपने example में देखा की हमें  image tag का use  कैसे करना है जैसा example में दिया हुआ है हूबहू आपको वैसे ही आपको practical करना है body tag के अन्दर पहले हम image tag को start करते है फिर (src=)  src equal लिखते हुए comma के अन्दर पहले अगर आपकी इमेज किसी फाइल में पड़ी पड़ी है तो पहले उस file formet का नाम जैसा example में images नामक फाइल लिखी है फिर backward slas (/) जैसा bracket में दिया है ऐसा sign लगाना है फिर इमेज जिस formate में हो जैसे jpgया png या फिर कोई और formate का नाम लिखना है और फिर tag close कर देना है
  • आपको अगर अभी भी समझ न आये तो निचे दिए विडियो को जरूर देखिये उसमे मैंने मैंने बताया है की किसी इमेज की properties कैसे जाने उसका location या उसका address क्या है आपको समझ आ जाएगा 
  • अगर आप किसी भी इमेज का साइज़ निर्धारित करना चाहते है या कम ज्यादा ल्करना चाहते है उसके लिए आपको थोड़ी css की जरूरत पड़ेगी example में देखिये 

Example-:

<img src="images/one.jpg" height="500px" width="500px">

  • जैसा आपने example में देखा उसी अनुसार height ,width कम या ज्यादा कर सकते है 
  • आप किसी भी वेबसाइट से किसी भी इमेज को अपने वेबसाइट पर लगा सकते है उसके लिए आपको उस वेबसाइट पर जाकर इमेज के link address को copy कर image tag के अन्दर पेस्ट कर दे उसका example निचे दिया है 

Example-: 

<img src="link location paste " >

  • तो जैसा आपने देखा की किसी वेबसाइट की इमेज कैसे अपने वेब पेजेज पर लगानी है लिंक address copy कर paste कर देना है जहा example में जैसा दिया हुआ है 
  • इसी topic के बारे में मई आपको अगले article में बताउगा की आप किन वेबसाइट से इमेज ले सकते है बिना copyright के क्युकी अगर आप कोई वेबसाइट से इमेज उठा लेते है तो आपको copyright क्लेम हो सकता है इसलिए हो सके तो खुद की बनायी इमेज ही लगाए 


                                             वेब पेजेज पर इमेज कैसे लगाए क्लिक विडियो 


Post a Comment

0 Comments