HTML पेज में पैराग्राफ कैसे बनाएं?

परिचय

HTML, HTML दस्तावेज़ में पैराग्राफ जोड़ने के लिए <p> टैग प्रदान करता है। इसका एक स्टार्ट टैग <p> और एक एंड टैग </p> होता है। हमेशा <p>...</p> टैग्स को <body>...</body> टैग के अंदर उपयोग करें।

महत्वपूर्ण नोट

एक HTML पेज के अंदर <body>...</body> टैग के अंदर कई <p>...</p> उपयोग किए जा सकते हैं।

उदाहरण

<!DOCTYPE html> <html> 
    <head> 
        <title>HTML Paragraphs</title> 
    </head> 
    <body> 
        <p>हमारा पहला HTML दस्तावेज़।</p> 
        <p>HTML सीखना आसान है</p> 
    </body> 
</html>

आउटपुट

हमारा पहला HTML दस्तावेज़। HTML सीखना आसान है

पैराग्राफ स्टाइलिंग

CSS के साथ स्टाइलिंग

<style>
    p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 1em;
        text-align: justify;
        color: #333;
    }
    
    p:first-of-type::first-letter {
        font-size: 2.5em;
        float: left;
        margin-right: 0.1em;
        color: #2c3e50;
    }
    
    .intro {
        font-weight: bold;
        font-size: 1.1em;
        color: #2c3e50;
    }
</style>

<p class="intro">यह एक परिचयात्मक पैराग्राफ है।</p>
<p>यह एक सामान्य पैराग्राफ है जिसमें कुछ टेक्स्ट है।</p>

सिमेंटिक विकल्प

कुछ मामलों में, <p> के बजाय अधिक सिमेंटिक एलिमेंट्स बेहतर होते हैं:

पैराग्राफ में टेक्स्ट फॉर्मेटिंग

<p>यह <strong>महत्वपूर्ण</strong> टेक्स्ट है, यह <em>जोर दिया गया</em> टेक्स्ट है, 
यह <mark>हाइलाइटेड</mark> है, यह <small>छोटा</small> टेक्स्ट है, 
यह <del>हटाया गया</del> है, यह <ins>जोड़ा गया</ins> है, 
यह <sub>सबस्क्रिप्ट</sub> और <sup>सुपरस्क्रिप्ट</sup> है।</p>

सर्वोत्तम अभ्यास

1. एक पैराग्राफ = एक विचार - प्रत्येक पैराग्राफ एक मुख्य विचार व्यक्त करे
2. उचित लंबाई - बहुत लंबे पैराग्राफ न लिखें (3-5 वाक्य आदर्श)
3. सिमेंटिक HTML उपयोग करें - जब उपयुक्त हो तो <article>, <section> आदि उपयोग करें
4. लाइन हाइट सेट करें - line-height: 1.5 - 1.7 पठनीयता के लिए
5. मार्जिन से स्पेसिंग नियंत्रित करें - खाली <p></p> के बजाय CSS margin उपयोग करें

सामान्य गलतियाँ

• स्पेसिंग के लिए खाली <p></p> उपयोग करना (CSS margin उपयोग करें)
• ब्लॉक एलिमेंट्स (div, ul, table) को <p> के अंदर रखना (अमान्य HTML)
• <br> का अत्यधिक उपयोग पैराग्राफ ब्रेक के लिए