HTML paragraphs क्या है - ldkalink

HTML paragraphs: पैराग्राफ हमेशा एक नई लाइन से ही शुरू होता है और पूरा टेक्स्ट एक ब्लॉक के रूप में होता है पैराग्राफ में पूरे टेक्स्ट ही लिखे जाते हैं।

आज के इस आर्टिकल में हम जानेंगे की html paragraphs kaise likhe  किस तरह के एलिमेंट्स का उपयोग html में किया जाता है और कब किया जाता है इसकी पूरी जानकारी आज हम www.ldkalink.com पर जानने वाले है इसलिए इसे लास्ट तक जरूर रीड करे। 

HTML paragraphs क्या है/what is HTML paragraphs in Hindi 

एचटीएमएल में पैराग्राफ को <p> एलिमेंट्स द्वारा डिफाइन किया जाता है पैराग्राफ हमेशा एक नई लाइन से ही शुरू होता है।

ब्राउज़र द्वारा ऑटोमेटेकली कुछ स्पेस जिसे हम मार्जिन भी कह सकते हैं पैराग्राफ के पहले और बाद में कुछ स्पेस छोड़ देता है। 

उदाहरण

HTML paragraphs क्या है

यदि हमें किसी टेक्स्ट को पैराग्राफ के रूप में लिखना है जिस टेक्स्ट को हमे पैराग्राफ में दर्शाना है उसे <p> एलिमेंट के अंदर लिखते है। 

<p> This is a paragraph</p>

HTML कैसे Display होता है 

हमको यह नहीं पता होता है कि एचटीएमएल paragraph कैसा दिखाई देगा क्योंकि यह स्क्रीन के साइज पर निर्भर करता है यह साइज के अनुसार ऑटोमेटिक एडजस्ट हो जाता है ब्राउजर द्वारा टेक्स्ट को ऑटोमेटिक अर्गेस्ट कर दिया जाता है। 

क्योंकि अब के समय में कई सारे डिवाइस आ चुके हैं जैसे कि मोबाइल, कंप्यूटर तब इन सभी में एक ही पैराग्राफ अलग-अलग तरीके से दिखाई देने लगता है। 

यदि हम एचटीएमएल में लिखे गए पैराग्राफ को मोबाइल डिवाइस पर ओपन करते हैं तो हम देखते हैं कि एक लाइन में कम टेक्स्ट आते हैं क्योंकि इसका साइज छोटा होता है।

यदि इसी पैराग्राफ को हम टैब में ओपन करते हैं तो हम देखते हैं कि इसके एक लाइन में मोबाइल की अपेक्षा ज्यादा टेक्स्ट दिखाई देना लगते हैं क्योंकि टैब मोबाइल स्क्रीन से थोड़ा सा बड़ा साइज का होता है।

और यदि हम इसी पैराग्राफ को जब कंप्यूटर डिवाइस पर ओपन करते हैं तो हम देखते हैं कि मोबाइल और टैब की अपेक्षा इस पैराग्राफ के एक लाइन में ही बहुत सारे टेक्स्ट दिखाई देने लगते हैं क्योंकि कंप्यूटर के स्क्रीन का साइज बड़ा होता है।

इस प्रकार हम देखते हैं कि एक ही पैराग्राफ को अलग-अलग डिवाइस का में ओपन करने पर लाइन कम ज्यादा दिखाई देने लगता है क्योंकि यह ब्राउज़र द्वारा text  को ऑटोमेटेकली एडजस्ट कर दिया जाता है।

उदाहरण

 

जब पैराग्राफ कंटेंट में एक से अधिक लाइन होता है और यदि टेक्स्ट को लाइन के लास्ट तक न लेजाकर यदि बीच में खतम कर देते और फिर नीचे लाइन से लिखना शुरू कर देते है तो लाइन में लास्ट में जो स्पेस होता है इसे ब्राउजर द्वारा इग्नोर कर दिया जाता है। 

और निचे लाइन वाले टेक्स्ट को पहले  लाइन में ही डिस्प्ले करता है डिवाइस के अनुसार ही इसे डिस्प्ले करता है जितना डिवाइस की विड्थ होती है उसके लास्ट तक ऑटोमेटेकली इसको शो करता है और उसके बाद के शब्द को नेक्स्ट लाइन में शो करता है।

यदि पैराग्राफ कंटेंट में टेक्स्ट के बीच-बीच में स्पेस होता है तो ब्राउज़र द्वारा इसे भी इग्नोर कर दिया जाता है और पैराग्राफ में एक शब्द के बाद यदि कही कोई स्पेस होता है तो उस स्पेस को भी इग्नोर कर देता है और सारे वर्ड्स एक के बाद एक शो होते रहते है कही भी कोई स्पेस भी दिखाई देता है।

HTML Horizontal Rules 

जब हम चाहते हैं कि एक पैराग्राफ खत्म होने के बाद इसके नीचे एक लाइन दिखाई दे तो इसके लिए <hr> tag का यूज करते हैं जिससे कि यह एक होरिजेंटल लाइन को शो करता है।

<hr> टैग का यूज करके पैराग्राफ के कंटेंट को एक सेपरेट लुक दिया जा सकता है पैराग्राफ के नीचे एक लाइन क्रिएट होने से यह स्पष्ट दिखाई देता है की यह पैराग्राफ यहां पर खत्म हो चुका है। 

<hr> यह एक empty टैग होता है और यह एक सिंगल टैग होता है इसे क्लोज करने की जरूरत नही होती है यह एक सिंगल टैग होता है।

HTML Line Break

एचटीएमएल में <br> एलिमेंट द्वारा एक लाइन पर ब्रेक लगा दिया जाता है जब पैराग्राफ में एक से अधिक लाइन है और हम चाहते हैं कि पैराग्राफ के इसी एक लाइन में कुछ शब्द को नेक्स्ट लाइन में सेट कर दिया जाए तो इसके लिए हम जिस वार्ड के बाद के शब्द को अगले लाइन में लाना चाहते हैं उसे शब्द के पहले कर्ज रखकर <br>  एलिमेंट लिखते हैं जैसे कि नीचे आप उदाहरण में देख सकते हैं

<p> This is a <br> paragraph</p>

इस कोड का उपयोग करने पर देखते हैं कि लाइन में कुछ शब्द जैसे कि This is a यह पैराग्राफ के पहले लाइन में होगा और paragraph जो लिखा है वह नेक्स्ट लाइन में शो होगा।

<br> tag  एम्टी टैग होता है और इसे उपयोग करते समय इस एंड टेक द्वारा नहीं क्लोज किया जाता है।

The poem problem

आपने कभी देखा होगा कि जब कोई पोयम लिखा जाता है तो यह छोटे-छोटे लाइन में लिखा जाता है इसी तरह से कई सारे लाइनों में खत्म होता है।

लेकिन जब इन लाइनों को एचटीएमएल में पैराग्राफ के साथ लिखा जाता है तो हम देखते हैं कि यही लाइन जो नीचे वाला लाइन में वर्ड लिखा होता है वह ऊपर वाले लाइन में ही शो होने लगता है।

मोबाइल की विड्थ जितनी होती है वह उतने तक का वर्ड्स को एक ही लाइन में शो करता है चाहे वह वर्ड्स नेक्स्ट लाइन में ही क्यों ना लिखा गया हो।

इस तरह से हम देखते हैं की peom लिखते समय हमें दिक्कत आने लगती है तो इस दिक्कतों को कैसे सॉल्व किया जाता है इसके बारे में जानते हैं।

Solution - The HTML <pre> Element

<pre> Element का उपयोग करके जब कोई poem लिखा जाता है तो यह ठीक वैसे ही दिखाई देता है जैसे कि लिखा गया होता है। 

यदि poem चार लाइन में लिखा गया होगा तो यह चार लाइन ही दिखाई देगा चाहे इसे किसी भी डिवाइस पर ओपन किया जाए।

 इस तरह से आप <pre> एलिमेंट का उपयोग करें जिसमें एक लाइन में जितने वर्ड्स आपको दिखाने हैं उतने ही रहेंगे इस तरह से आप हर लाइन केवर्ड्स को उसी लाइन में सेट कर सकते जिसे लाइन में आप रखना चाहते हैं।