HTML Web Pages में div tag कैसे Apply करे
- ये web designing series का part-28 है आज के article में हम पढने वाले है की किसी website के web pages में <div> tag कैसे और क्यों apply करते है <div> tag को HTML web pages कैसे use करेगे ये जानने से पहले हम आपको बता दे की अगर आप इस article पर पहली बार आये है तो इस को पढने से पहले web designing series के पिछले सभी parts को जरूर पढ़े तभी आपको ये article समझ में आयेगा |
- आपको web designing series के पिछले सभी parts पढने के लिए आपको हमारे वेबसाइट के menu baar में जाना होगा जहा web designing series का dropdown देखने को मिलेगा उसी dropdown के अन्दर html के सभी parts के link देखने को मिलेगे वहा से आप सभी पिछले parts detail में पढ़ सकते है |अब बिना वक्त गवाए आज के topic को शुरू करते है
<div> tag की coding HTML Web Pages में कैसे और कहा करते है |
- <div> tag html के important tags में से एक है <div> tag का use प्रत्येक websites में होता है <div> tag का मुख्य कार्य किसी भी वेबसाइट के वेब पेजेज में दी हुयी जानकारी को छोटे -छोटे articles में divide करना होता है इसलिए इसे division tag कहते है | HTML coding में इसे <div> tag (div code word) से दर्शाते है |बिना <div> tag के वेबसाइट अधूरी होती है इसलिए <div> tag एक most important tag है इसकी हमें अच्छी knowledge व practice होनी चाहिए |<div> tag को हम निचे example में अच्छी तरह explain करेगे और इसे एक विडियो की help से practically समझेगे वो विडियो निचे दिया हुवा है जिसे आप जरूर देखे और समझे |
- <div> tag का प्रयोग <body> tag के अन्दर करते है क्योकि हम web pages में show करवाने के लिए जितने भी articles लिखते है वो सभी <body> tag के अन्दर ही होते है और उन articles को divide करने के लिए <div> tag का use करते है|
- <div> tag में opening और closing दोनों tag होते है निचे दिए example में देखिये इनकी कोडिंग कैसे की जाती है|
- <div> tag को web pages में apply करने के लिए इसमें css की Properties भी use करनी पड़ती है बिना css की Properties के <div> tag work नही करेगा इसलिए जितनी भी css की Properties use हो उतनी आप भी use कर ले जिससे आपका <div> tag का practical अच्छी तरह से हो सके | आप css की Properties से बिल्कुल भी confuse न हो इन्हें apply करना काफी आसान होता हसी जिन्हें हम आगे detail में पढेगे |
- <div> tag को apply करने के बाद आपका web page कुछ इस इमेज की तरह दिखेगा ये सिर्फ छोटा सा example है इस इमेज को कैसे design किया गया है निचे दिए विडियो में बताया गया है
- <div> tag को एक example की मदद से समझते है इसको निचे दिए विडियो में practically भी समझेगे |
Example-:<body><div style="width:50%; border: 1px solid gray; background-color: yellow;"><p>Most respectfully, I beg to state that I am not in a condition to come to the school since I am suffering from fever. I have been prescribed by our family doctor o take proper rest for at least [number of days] days. Hence, kindly grant me leave from (start date) to (end-date). I shall be really grateful to you. </p> </div> </body>
- जैसा की आप example में देख रहे है की paragraph के अन्दर मैंने एक text लिया हुवा है जिसे मैंने <div> tag के अन्दर रखा है और <div> tag के opening tag के अन्दर css की Properties apply की हुयी है ऐसे ही आपको भी <div> tag का practical करना है आप निचे दिए विडियो को देखिये आपको अच्छी तरह समझ आ जाएगा
- इस विडियो में <div> tag को practically दिखाया गया है जिस वेब पेज की इमेज ऊपर दी हुयी है उस वेब पेज को कैसे design करना है इस विडियो में दिखाया गया है |
अब आपको <div> tag की मदद से दिए हुए paragraph को divide करना अच्छी तरह समझ आ गया होगा आप इसका दो तीन बार practical करेगे तो अच्छी तरह clear हो जाएगा | अगर आपके मन में doubt है तो comment करके पूछ सकते है या फिर वेबसाइट के top baar में दिए social icon की मदद से direct संपर्क कर सकते है | अगर अभी तक आपने हमें फॉलो नही किया तो कर ले हमें सिर्फ आपका support चाहिए |
 ( web designing series part-28 )){kind=link}
0 Comments
If you have any doubts, please let me know