HTML Web Pages में meter tag & progress tag कैसे लगाए
- ये web designing series का part- 29 है आज के article में हम पढने वाले है की HTML web pages में <meter> tag और <progress> tag कैसे और क्यों apply करते है | इस article को start करने से पहले हम आपको बता दे की अगर आप इस article पर पहली बार आये है तो हो सकता है ये article आपके समझ में न आये अगर आपको समझ आ रहा है तो आप इसको पूरा पढ़े अगर आपको समझ नहीं आ रहा है की html क्या है tags क्या होते है इनका प्रयोग क्यों होता है इन सभी सवालों के जवाब पाने के लिए आपको पहले पार्ट से पढ़ना होगा |
- अगर आप web designing series को शुरुवात से पढ़ना चाहते है तो इसके लिए आपको हमारी वेबसाइट के Menu Baar में जाना होगा वहा आपको web designing series का dropdown देखने को मिलेगा उसके अन्दर html के सभी tags और उनके प्रयोग part- 1 से पढ़ सकते है तो अब आज के topic को शुरू करते है |
HTML Web Pages में <meter> tag & <progress> tag की coding कैसे और कहा करते है |
- किसी वेबसाइट के वेब पेजेज में एक meter show करवाने के लिए <meter> tag का use किया जाता है चाहे फिर आप एक thermometer show करवाना चाहते हो या फिर आप किसी height को मापने के लिए आप meter का use करना चाहते हो वहा <meter> tag का इस्तेमाल होता है |
- <meter> tag की कोडिंग <body> tag के अन्दर करते है <meter> tag के opening व closing tag दोनों होते है <meter> tag को हम निचे एक example की मदद से समझेगे और इसका विडियो की मदद से practically use भी करेगे वो विडियो निचे दिया हुवा है जिसे आप देखे व उसका स्वयं practical करे |
- <meter> tag को हम एक example की मदद से समझते है इस example को देखकर आप भी practice करे जिससे आपको अच्छी तरह <meter> tag apply करना आ जाएगा |
Example
-:<body>
Tem : <meter low="20" high="80" min="0" max="100" value="75" optimum="50" >
</meter>
</body>
- जैसा की आप example में देख रहे है की <meter> tag के opening tag के अन्दर हमने meter की एक limit को दर्शाया है जहा हमने low और high की एक limit रखी है और min value को 0 (शुन्य ) माना है और max value को 100 माना है और एक common value भी रखी है जिसे optimum नाम से दर्शाया है | इन सभी के अनुसार जो भी value हम देगे हमारा meter वैसे ही work करेगा इन सभी limited values को अपने अनुसार बदल सकते है ये सिर्फ एक example है|
- अगर आपको example में clearly समझ न आये तो आप निचे दिए विडियो को जरूर देखे | विडियो देखकर आपको अच्छी तरह समझ आ जाएगा | तो आप इसका स्वयं practical जरूर करे अब <progress> tag के बारे में समझते है |
<progress> tag की कोडिंग html web pages में कहा और कैसे करते है |
- <progress> tag का प्रयोग html web pages में किसी फाइल को download करने केलिए किया जाता है
- <progress> tag को भी <body> tag के अन्दर use करते है इसके opening और closing tag होते है आप चाहे closing tag use करे या न करे ये दोनों स्थिति में work करता है इसे हम निचे example में समझेगे और practical भी निचे दिए विडियो में दिखाया गया है |
- <progress> tag को example की मदद से समझते है |
Example-:
<body>
Downloading : <progress value="30" max="100" >
</body>
- दिए गए example में इसकी max value 100 है और min value 0 (शून्य ) ही होती है और किसी फाइल की जितनी भी downloading करवाना चाहे उतनी value डालकर यूजर से एक limited मात्रा में download करवा सकते है इसे आप निचे दिए विडियो में देखिये तभी आपको अच्छी तरह समझ आयेगा की <progress> tag कैसे work करता है |
- <progress> tag & <meter> tag को इस विडियो में practically दिखाया गया है इसे पूरा देखे और इसका स्वयं practical करे |
अब आपको <progress> tag & <meter> tag की कोडिंग कैसे करनी है समझ आ गया होगा | अगर अभी भी आपको कोई doubt है तो comment box में comment कर अपने doubt पूछ सकते है या फिर वेबसाइट के top में दिए social icon की मदद से direct संपर्क कर सकते है |अगर अभी तक आपने हमें फॉलो नही किया तो कर ले हमें सिर्फ आपका support चाहिए |
 ( web designing series part-29 )){kind=link}
0 Comments
If you have any doubts, please let me know