' ” टैग का उपयोग वेबपेज पर टेक्स्ट को प्रदर्शित करने के लिए किया जाता है जिसे पैराग्राफ माना जाता है। “
” टैग एक पूर्वनिर्धारित वर्टिकल स्पेस के साथ आता है जिसे पैराग्राफ के पहले और बाद में जोड़ा जाता है। “
” टैग के अंदर का पाठ हमेशा अगली पंक्ति में प्रदर्शित होता है और अतिरिक्त रिक्त स्थान को भी छोड़ देता है। डेवलपर्स सामग्री को अलग-अलग वर्गों में अलग करने या जानकारी को तार्किक रूप से व्यवस्थित करने के लिए p टैग का उपयोग कर सकते हैं।
यह मार्गदर्शिका HTML p टैग को व्यावहारिक कार्यान्वयन के साथ प्रदर्शित करती है।
एचटीएमएल पी टैग क्या है?
' ” टैग का उपयोग वेबपेज में सामग्री की संरचना को बढ़ाने और टेक्स्ट को अधिक प्रमुख बनाने के लिए किया जाता है। यह वेबपेज के लिए एसईओ की प्रक्रिया में मदद करता है जो खोज परिणामों में वेबसाइट की रैंकिंग में सुधार कर सकता है।
वाक्य - विन्यास
के लिए वाक्य रचना ” टैग इस प्रकार दिखाया गया है:
< पी > लिनक्स पी >
कोड की उपरोक्त पंक्ति में, ' 'प्रारंभिक टैग है, और'
'क्लोजिंग टैग है। HTML तत्वों की जटिलता और ओवरलैपिंग से बचने के लिए क्लोजिंग टैग का उपयोग अनिवार्य है।
यह समझने के लिए नीचे दिए गए उदाहरण पर जाएं कि कैसे ' 'टैग काम करता है:
< शरीर >< पी > हैलो लिनक्सहिंट समुदाय पी >
शरीर >
उपरोक्त कोड स्निपेट का आउटपुट नीचे प्रदर्शित किया गया है:
उपरोक्त आउटपुट सादे पाठ को दिखाता है जो '' का उपयोग करके स्क्रीन पर प्रदर्शित होता है। ' उपनाम।
टैग पर CSS स्टाइलिंग कैसे लागू करें?
' 'टैग वैश्विक विशेषताओं को स्वीकार करता है जैसे' कक्षा ”, “ पहचान ' या ' शैली ” आदि जिसका उपयोग सीएसएस गुणों का उपयोग करके चयनित तत्व को स्टाइल करने के लिए किया जा सकता है। डेवलपर केवल विशिष्ट तत्वों पर सीएसएस गुणों को लागू करने के लिए वैश्विक विशेषताओं में से एक का उपयोग कर सकता है। और सभी के लिए स्टाइल लागू करने के लिए ' ”वे टैग जो वेबपेज पर उपयोग किए जाते हैं सीधे HTML का चयन करते हैं” पी 'तत्व सीएसएस फ़ाइल के अंदर या' <शैली> ' उपनाम।
उदाहरण 1: सभी 'पी' तत्वों के लिए सीएसएस गुण लागू करना
सभी
HTML तत्वों पर समान शैलियों को सेट करने के लिए, नीचे दिए गए कोड स्निपेट पर जाएँ:
< शैली >पी {
पृष्ठभूमि-रंग: वन हरा;
रंग सफेद;
}
शैली >
< शरीर >
< पी > हैलो लिनक्सहिंट समुदाय पी >
< पी > हैलो लिनक्सहिंट समुदाय पी >
< पी > हैलो लिनक्सहिंट समुदाय पी >
< पी > हैलो लिनक्सहिंट समुदाय पी >
शरीर >
उपरोक्त कोड स्निपेट में, CSS “ पृष्ठभूमि का रंग ' और ' रंग 'गुणों पर लागू होते हैं' पी 'तत्वों को सीधे' चुनकर पी 'तत्व चयनकर्ता।
उपरोक्त कोड स्निपेट के निष्पादन के बाद, वेबपेज इस तरह दिखता है:
उपरोक्त आउटपुट से पता चलता है कि सभी के लिए एक ही स्टाइल लागू किया गया है ' पी ”वेबपेज पर तत्व।
उदाहरण 2: अद्वितीय 'पी' तत्व के लिए सीएसएस गुण लागू करना
अनूठी शैलियों को लागू करने के लिए ' पी ”तत्वों, शैली, आईडी या वर्ग विशेषताओं का उपयोग किया जा सकता है। ये वैश्विक विशेषताएँ CSS गुणों को “पर लागू करती हैं पी ” जिस तत्व से वे जुड़े हुए हैं।
आइए एक कोड पर जाएं:
< शैली >पी {
पृष्ठभूमि-रंग: वन हरा;
रंग सफेद;
}
.उपयोग-वर्ग {
पृष्ठभूमि-रंग: डार्कसियान;
}
#उपयोग-आईडी{
पृष्ठभूमि-रंग: गुलाबी भूरा;
}
शैली >
< शरीर >
< पी > हैलो लिनक्सहिंट समुदाय पी >
< पी शैली = 'पृष्ठभूमि-रंग: लाल' > हैलो लिनक्सहिंट समुदाय पी >
< पी कक्षा = 'उपयोग-वर्ग' > हैलो लिनक्सहिंट समुदाय पी >
< पी पहचान = 'यूजिंग-आईडी' > हैलो लिनक्सहिंट समुदाय पी >
< पी > हैलो लिनक्सहिंट समुदाय पी >
शरीर >
उपरोक्त कोड स्निपेट में, 'के लिए पृष्ठभूमि-रंग गुण' पी ” वैश्विक विशेषताओं के साथ उपयोग किए जाने पर तत्व को विभिन्न मूल्यों के साथ सेट किया जाता है।
उपरोक्त कोड स्निपेट के निष्पादन के बाद, वेबपेज इस तरह दिखाई देता है:
उपरोक्त आउटपुट से पता चलता है कि ' पी ” तत्वों को अब वैश्विक विशेषताओं की मदद से विशिष्ट रूप से स्टाइल किया गया है।
निष्कर्ष
' ”
टैग का प्रदर्शन किया है।