Paragraphs (<p>) tag html in hindi
एचटीएमएल वेब पेज में <p> पैराग्राफ टैग का उपयोग नए वेब पेज पैराग्राफ़ बनाने या पैराग्राफ सेक्शन को क्रिएट करने में किया जाता है। जहा पैराग्राफ टैग आपके वेबपेज पर डिस्प्ले टेक्स्ट कंटेंट इनफार्मेशन को पैराग्राफ या पैराग्राफ सेक्शन आर्डर में डिवाइड कर स्ट्रक्चर करने के लिए एक पॉपुलर और इम्पोर्टेन्ट एचटीएमएल टैग है।
So let’s see multiple paragraph tag example in HTML web page.
Basic use of HTML paragraph tag.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Paragraph Tag Example</title>
</head>
<body>
<p>Today we tray to learn html paragraph tag, how to use apply and control its features in html </p>
</body>
</html>
किसी भी एचटीएमएल फाइल या वेब पेज में <p> पैराग्राफ टैग का उपयोग करके एक नया पैराग्राफ, सेक्शन, या सामान्य रूप में वेब पेज टेक्स्ट को क्रिएट और डिस्प्ले किया जाता है। मॉडर्न वेब ब्राउज़र ऑटोमेटिकली एचटीएमएल <p> टैग एलिमेंट टेक्स्ट के टॉप और बॉटम में स्पेस को क्रिएट या एडजस्ट करता है. इससे एचटीएमएल वेब पेज में मल्टीप्ल टैग प्रीव्यू आर्डर में दूसरे टैग से अलग और प्रॉपर स्पेस के साथ प्रीव्यू हो सके।
HTML Multiple Paragraph Tag Example.
एचटीएमएल वेब पेज में मल्टीप्ल पैराग्राफ़ टेक्स्ट क्रिएट करने या मल्टीप्ल वेब पेज टेक्स्ट पैराग्राफ सेक्शन बनाने के लिए, मल्टीप्ल <p> पैराग्राफ टैग एक से अधिक बार एचटीएमएल वेब पेज में उपयोग करें। जहा आपका मॉडर्न वेब ब्राउज़र प्रत्येक <p> पैराग्राफ टैग वेब पेज में डिस्प्ले के समय ऑटोमेटिकली टॉप, बॉटम, लेफ्ट, आर्डर में पैराग्राफ स्पेस को एडजस्ट करते है। और एक से अधिक पैराग्राफ टैग एक सिंगल वेब पेज में मल्टीप्ल पैराग्राफ ब्लॉक को जनरेट करते है.
HTML web page multiple paragraphs example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Multiple Paragraphs Tag Example</title>
</head>
<body>
<p>This is paragraph tag first example</p>
<p>This is paragraph tag second example, here we create a another paragraph tag to write more text</p>
<p>This is paragraph tag third example, similarly above it is also another paragraph tag which allow you to create more paragraph text</p>
</body>
</html>
Formatting HTML web page paragraphs.
याद रखे की एचटीएमएल वेब पेज में <p> पैराग्राफ टैग डिफ़ॉल्ट फॉर्मेटिंग को सपोर्ट करता है, जहा उपयोग होने वाले पैराग्राफ टैग में टॉप,बॉटम,लेफ्ट एंड राइट स्पेस, पैराग्राफ मार्जिन, इंडेटशन, आदि ऑटोमेटिकली वेब ब्राउज़र में एडजस्ट हो जाते है. इसके अतरिक्त आप एचटीएमएल पैराग्राफ़ को अधिक स्टाइल और फॉर्मेट करने के लिए CSS स्टाइलशीट स्क्रिप्ट का उपयोग कर सकते हैं।
Styling paragraphs with CSS in HTML example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title> Paragraphs Tag with Css Example</title>
<style>
p {
color: red;
font-family: monotype corsiva;
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}
h1
{
color: brown;
font-family: times new roman;
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}
</style>
</head>
<body>
<p>let create a simple css stylesheet paragraph that shows font color, font face, size and other attributes </p>
<h1>heading 1 css properties explain with multiple css stylesheet attributes. </h1>
</body>
</html>
About HTML Paragraph Usage.
- Paragraph spaces management – एचटीएमएल पैराग्राफ <p> टैग वेब पेज डिस्प्ले में ऑटोमेटिकली आल साइड स्पेस और मार्जिन को एडजस्ट करता है, इसलिए जब भी आपक एक एचटीएमएल पैराग्राफ सेक्शन क्रिएट करते है, तो यह पैराग्राफ सेक्शन सभी तरफ से ऑटोमेटिकली एडजस्ट हो जाता है।
- Paragraph nesting – कभी भी एचटीएमएल वेब पेज में पैराग्राफ नेस्टिंग <p> टैग को अन्य <p> टैग के अंदर क्रिएट/लिखने या नेस्टिंग नहीं करे, क्योंकि इससे आपका डिफ़ॉल्ट पैराग्राफ टैग डिस्प्ले आर्डर बिगड़ सकता है। इसके अतरिक्त आपको पैराग्राफ़ टैग सेक्शन के भीतर अतिरिक्त एलिमेंट को डिस्प्ले करना है, तो आप <span> या <a> जैसे एचटीएमएल इनलाइन एलिमेंट को अप्लाई कर सकते है।
- Paragraph text alignment – एचटीएमएल पैराग्राफ़ सेक्शन टेक्स्ट को एलाइनमेंट करने के लिए text-align जैसे CSS स्टाइलशीट प्रॉपर्टीज का उपयोग करें।
Paragraph line breaks.
यदि आपको अपने एचटीएमएल पैराग्राफ़ टेक्स्ट के अंदर एक से अधिक मल्टीप्ल पैराग्राफ लाइन ब्रेक क्रिएट करना हैं. या सिंगल पैराग्राफ को मल्टीप्ल लाइन में ब्रेक करना है, तो आप एचटीएमएल br टैग का उपयोग कर सकते है. जहा br टैग एचटीएमएल वेब पेज में एक नया पैराग्राफ़ शुरू किए बिना, आपको एचटीएमएल पैराग्राफ सेक्शन में नया पैराग्राफ क्रिएट करने या br टैग से टेक्स्ट को नेक्स्ट लाइन में मूव करने में सहायता प्रदान करता हैं।
Line break within an HTML paragraph example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Line Breaks Tag Example</title>
</head>
<body>
<p>Course <br>Html<br>Css<br>W3.css<br>Php<br>Javascript<br>Bootstrap</p>
</body>
</html>
ऊपर दिए गए उदाहरण में, <br> टैग पैराग्राफ़ के अंदर एक लाइन ब्रेक क्रिएट करता है, इसलिए <br> टैग के बाद का टेक्स्ट एक नई लाइन से आटोमेटिक स्टार्ट होता है, लेकिन याद रखे ये ब्रेक टेक्स्ट उसी पैराग्राफ़ टैग ब्लॉक के अंदर डिस्प्ले होगा।
