HTML Paragraphs
In this page:
<p>Paragraph text</p>बुनियादी Paragraph Tag
p tag का उपयोग text के एक block को define करने के लिए किया जाता है। यह एक block-level element है, जिसका मतलब है कि यह हमेशा नई line पर शुरू होगा और उपलब्ध पूरी width ले लेगा, और उसके बाद के content को नीचे धकेल देगा।
उदाहरण: The Basic Paragraph Tag
<p>This is the first paragraph.</p>
<p>This is the second paragraph, starting on a new line below the first.</p>HTML Whitespace को कैसे handle करता है
HTML का एक अनोखा नियम है: यह कई spaces और line breaks को एक single space में collapse कर देता है। चाहे आप अपने code editor के अंदर Spacebar या Enter key कितनी भी बार दबाएं, ब्राउज़र extra whitespace को ignore कर देगा।
उदाहरण: How HTML Handles Whitespace
<p>This text has multiple spaces
and a line break
but the browser displays it as one single space.</p>br से Line Breaks बनाना
कभी-कभी आप text की एक नई line शुरू करना चाहते हैं, लेकिन आप अपने बड़े default spacing के साथ बिल्कुल नया paragraph शुरू नहीं करना चाहते। br tag एक manual line break की तरह काम करता है जो text को सीधे अगली line पर ले जाता है।
उदाहरण: Creating Line Breaks with br
<p>Roses are red<br>
Violets are blue</p>pre से Formatting Preserve करना
अगर आप computer code, poetry, या text art जैसा content display कर रहे हैं, तो आपको ब्राउज़र से हर space और line break को respect कराना होगा। pre tag ब्राउज़र को निर्देश देता है कि text को बिल्कुल वैसे ही display करे जैसे वह टाइप किया गया है, एक fixed-width font का उपयोग करते हुए।
उदाहरण: Preserving Formatting with pre
<pre>
This text
keeps its spacing
and line breaks exactly.
</pre>Paragraphs के लिए Invalid Nesting Rules
HTML standards के अनुसार, paragraph tag में सिर्फ inline text और media होना चाहिए। इसमें headings, lists, या div tags जैसे अन्य block-level elements नहीं हो सकते। किसी paragraph के अंदर block element nest करना आपकी HTML validation को तोड़ देता है।
उदाहरण: Invalid Nesting Rules for Paragraphs
<p>
Some text before
<div>A div tag cannot go inside a paragraph</div>
</p>Chapter Quiz — Complete all 11 topics to unlock
0/11 topics done
Complete these topics first: