HTML Paragraph Tag in Hindi

आज के इस HTML5 Tutorial में हम सिखने वाले हैं की HTML Paragraph tag का use कर के HTML Document में paragraph कैसे create किया जाता हैं |

HTML paragraphs lesson को आगे बढ़ाने से पहले, में आपसे निवेदन करना चाहूंगा की यदि आप HTML में नए है या HTML के बारे मे ज्यादा कुछ नहीं जानते तो आप Introduction of HTML post को read करे ताकि आपको HTML का basic Knowledge clear हो सके और जिससे की आपको बाकी के HTML Lesson समझने में आसानी हो पाए |

Paragraph element या Paragraph tag का use web pages में paragraph को परिभाषित ( define ) करने के लिए किया जाता हैं | Paragraph को <p> tag के जरिये define किया जाता हैं |

HTML p tag एक block level element हैं, means हर एक new <p> tag एक नए text के समूह ( paragraph ) को दर्शाता हैं |

Example

<p>This is first paragraph</p>
<p>This is second paragraph</p>

Output

This is first paragraph

This is second paragraph

ऊपर दिया गया output में आप first paragraph and second paragraph के बिच white space देख पा रहे है | यही white space new paragraph को दर्शाता है |

HTML Paragraph को start करने के लिए opening tag का उपयोग किया जाता हैं और paragraph को close करने के लिए closing tag का use किया जाता हैं |

HTML4 and earlier versions, में paragraph को initiate करने के लिए opening tag ही काफी है | यदि आप closing tag लगाना भूल भी गये हैं तो भी most web browser – paragraph को proper format में दिखाएगा |

For Example

<p> This is a first paragraph sample
<p> This is a second paragraph sample

Output

This is a first paragraph sample

This is a second paragraph sample

ऊपर दिया गया Example में हमने both paragraph में closing tag यानि </p> tag use नहीं किया हैं | यह most browser में work करता हैं, फिर भी हमें paragraph define करते time end tag को forget नहीं करना चाहिए | क्यों की इसकी वजह से कई बार paragraph के format में त्रुटियां उत्पन्न हो सकती है |

Line breaks in HTML

Web pages में किसी भी लाइन को break करने के line breaks tag <br> का use किया जाता हैं |

<br> tag empty element हैं , इसलिए हमें line break tag को closing tag के जरिये close करने की जरुरत नहीं हैं |

Example

<p>This is a first paragraph <br> with line break tag </p>
<p>This is a second paragraph <br> with line break tag </p>

Output

This is a first paragraph
with line break tag

This is a second paragraph
with line break tag

Horizontal rules in HTML

HTML Document में किसी भी Web Pages के content के बिच horizonal line लागू करने के लिए horizontal rules tag का use किया जाता है |

<br> tag की तरह <hr> tag भी empty element हैं | Means, <hr> tag को भी closing tag के जरिये close नहीं किया जाता हैं |

Example

<p>This is a first content</p>
<hr>
<p>This is a second content</p>

White space in HTML Paragraph 

Normally Web Brower, HTML Code में keyboard के space-bar key या Tab key के जरिये create की गयी multiple space को as a single space display करता हैं |

Enter key के जरिये create की गयी multiple line breaks भी HTML code में as a single space display किया जाता हैं |

Example

<p>Look at the      Example - This      paragraph contrains      multiple white spaces</p>
<p>
     Look at the 
     Example - This Paragraph
     Contains Multiple line breaks and tabs
</p>

Note :- जब भी आपको content में multiple space की requirement हो तो आप   का use कर सकते है, और content में line break के लिए <br> tag का use कर सकते हैं |

Example

<p>This &nbsp;&nbsp;&nbsp;paragraph contains &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;multiple spaces</p>
<p>This <br><br><br>paragraph contains <br><br>multiple <br><br><br><br>line breaks</p>

Preformatted Text in HTML

कई बार कुछ content ऐसे लिखे जाते हैं – जैसेकि poem, जिसमे   or <br> को बार बार use करना हमारे लिए suitable नहीं होता हैं | इसका Alternatively, आप <pre> tag का use कर सकते हैं |

Preformatted  tag, HTML File में लिखे गए content को exect same output में display करता हैं |

Example

<pre>
    Twinkle, twinkle, little star, 
    How I wonder what you are! 
    Up above the world so high, 
    Like a diamond in the sky. 
</pre>