HTML Paragraphs In Hindi | Different between p tag and pre tag | Mayank Salvi

HTML का

element एक paragraph को define करता है। एक paragraph हमेशा एक नई लाइन पर शुरू होता है, और ब्राउज़र automatically paragraph से पहले और

Mayank Salvi

HTML Paragraphs

एक paragraph हमेशा एक नई लाइन पर शुरू होता है, और आमतौर पर text का एक block होता है।

HTML Paragraphs

HTML का <p> element एक paragraph को define करता है।

एक paragraph हमेशा एक नई लाइन पर शुरू होता है, और  ब्राउज़र automatically paragraph  से पहले और बाद में कुछ space(margin) add कर देता हैं।

Example


<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Copy Code

HTML Display

आप sure नहीं हो सकते कि HTML कैसे display होगा।

Large या small screens, और अलग-अलग आकार बदलने वाली विंडो अलग-अलग परिणाम देंगी (Mobile, Tablet, Desktop etc.)।

HTML के साथ, आप अपने HTML code में extra spaces या extra lines जोड़कर display को नहीं बदल सकते हैं।

page display होने पर browser automatically सभी extra spaces ओर lines को हटा देगा:

Example


<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
Copy Code

HTML Horizontal Rules

<hr> tag एक HTML page में एक break define करता है, और सबसे अधिक इसे एक horizontal rule के रूप में display किया जाता है।

<hr> element को content को separate करने के‍ लिये किया जाता है।

Example


<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Copy Code

<hr> tag एक empty tag, अर्थात इसका कोई end tag नहीं होता है।

HTML Line Breaks

HTML <br> element एक line break को define करता है।

यदि आप एक नया पैराग्राफ शुरू किए बिना एक line break (एक नई लाइन) चाहते हैं तो <br> element उपयोग करें :

Example


<p>This is<br>a paragraph<br>with line breaks.</p>
Copy Code

<br> tag एक empty tag, अर्थात इसका कोई end tag नहीं होता है।

The Poem Problem

यह कविता एक single line में display होगी:

Example


<p>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</p>
Copy Code

Solution - The HTML <pre> Element

HTML <pre> element पूर्व-स्वरूपित(preformatted) text को define करता है।

एक <pre> element के अंदर का text एक निश्चित-चौड़ाई(fixed-width) वाले font (आमतौर पर Courier) में प्रदर्शित होता है, और यह spaces ओर line breaks दोनों को संरक्षित(preserves) करता है:

Example


<pre>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</pre>
Copy Code

Also Read:

Complete HTML Series In Hindi:  Click Here