HTML पैराग्राफ़
आप पहले से ही शीर्षकों को शीर्षक और अनुभागों के लिए इस्तेमाल करते हैं। किसी पेज पर ज़्यादातर पढ़ने योग्य बॉडी टेक्स्ट पैराग्राफ़ में आता है। यह पाठ p तत्व पर केंद्रित है — कैसे लिखें, ब्राउज़र कैसे दिखाता है, और एडिटर की खाली पंक्तियों से कैसे अलग है।
HTML पैराग्राफ़ क्या है?
HTML पैराग्राफ़ p तत्व से चिह्नित टेक्स्ट का एक ब्लॉक है। आप <p> से खोलते हैं, टेक्स्ट लिखते हैं, और </p> से बंद करते हैं। पैराग्राफ़ सामान्य वाक्यों और बॉडी कंटेंट के छोटे ब्लॉकों के लिए हैं, पेज शीर्षकों के लिए नहीं (वे heading इस्तेमाल करते हैं)।
सीधा उत्तर
हर बॉडी-टेक्स्ट ब्लॉक को अपने p टैग में लपेटें। ब्राउज़र हर p को पैराग्राफ़ मानता है और आमतौर पर उसके पहले और बाद में जगह जोड़ता है। HTML फ़ाइल में कई बार Enter दबाने से वही स्पेसिंग नहीं बनती — सही तत्व न इस्तेमाल करने पर ब्राउज़र स्रोत में अतिरिक्त सफ़ेद जगह को संकुचित कर देता है।
दो पैराग्राफ़
html<p>HTML पैराग्राफ़ सामान्य बॉडी टेक्स्ट रखते हैं।</p>
<p>हर पैराग्राफ़ अपनी सामग्री का ब्लॉक है।</p>उदाहरण पढ़ना
- पहला
<p>…</p>एक पैराग्राफ़ है - दूसरा
<p>…</p>दूसरा पैराग्राफ़ है - ब्राउज़र उन्हें अलग ब्लॉक के रूप में दिखाता है, आमतौर पर बीच में जगह के साथ
- टैग के बीच का टेक्स्ट वही कंटेंट है जो पाठक देखते हैं
स्रोत में सफ़ेद जगह लेआउट नहीं है
एडिटर में आप HTML फ़ाइल को पढ़ने में आसान बनाने के लिए Enter दबा सकते हैं। इसका मतलब यह नहीं कि ब्राउज़र उन खाली पंक्तियों को बड़े खाली गैप के रूप में दिखाएगा। असली पैराग्राफ़ ब्रेक के लिए अलग p तत्व इस्तेमाल करें। उसी विचार के अंदर लाइन ब्रेक के लिए — जैसे छोटा पता या कविता की पंक्ति — आप <br> इस्तेमाल कर सकते हैं (तत्वों के साथ संक्षेप में देखा)।
लाइन ब्रेक वाला पैराग्राफ़
html<p>
लर्निंग सेंटर<br>
12 रिवर रोड<br>
सैंपल सिटी
</p>खाली स्पेसिंग ट्रिक्स से बेहतर पैराग्राफ़
कंटेंट को नीचे धकेलने के लिए खाली <p></p> टैग न ढेर करें। अगर कई विचार हैं तो पूरा लेख एक विशाल पैराग्राफ़ में न डालें। विचारों को स्पष्ट p ब्लॉकों में बाँटें। बाद में CSS स्पेसिंग और फ़ॉन्ट नियंत्रित करेगा; HTML को असली टेक्स्ट संरचना चिह्नित करनी चाहिए।
खुद आज़माएँ
- अपना बेसिक HTML स्केलेटन खोलें
- एक
h1और उसके नीचे दो छोटे पैराग्राफ़ जोड़ें - छोटे मल्टीलाइन पते के लिए
<br>वाला तीसरा पैराग्राफ़ जोड़ें - सेव करें और ब्राउज़र में पेज खोलें
- जो दिखे उसे स्रोत फ़ाइल की खाली पंक्तियों से मिलाएँ
आम गलतियाँ
- अलग
pटैग की जगह स्रोत की खाली पंक्तियों पर निर्भर रहना - जब सिर्फ सामान्य बॉडी वाक्य चाहिए हों तब heading इस्तेमाल करना
- सिर्फ ऊर्ध्वाधर जगह के लिए खाली पैराग्राफ़ बनाना
- लंबे पैराग्राफ़ पर बंद करने वाला
</p>भूलना - असंबंधित विचारों का पूरा पेज एक ही
pमें डालना
सारांश
- बॉडी टेक्स्ट आमतौर पर
pतत्व में आता है - हर पैराग्राफ़ अपना
<p>…</p>ब्लॉक होना चाहिए - ब्राउज़र आमतौर पर पैराग्राफ़ों के बीच जगह जोड़ते हैं
- स्रोत में अतिरिक्त Enter असली लेआउट स्पेसिंग के बराबर नहीं
- ज़रूरत हो तो पैराग्राफ़ के अंदर लाइन ब्रेक के लिए
<br>इस्तेमाल करें - संरचना HTML में रखें; स्पेसिंग बाद में CSS से सुधारें
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी