-->

HTML Paragraphs

The HTML <p> element defines a paragraph:

Example:

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

 

Browsers automatically add some white space (a margin) before and after a paragraph.

 

HTML Display

You cannot be sure how HTML will be displayed.

Large or small screens, and resized windows will create different results.

With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.

The browser will remove any extra spaces and extra lines when the page is displayed :

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>

 

Don't Forget the End Tag

Output Will Be like this :

Most browsers will display HTML correctly even if you forget the end tag:

Example

<p>This is a paragraph.
<p>This is another paragraph.

 

The example above will work in most browsers, but do not rely on it.

Dropping the end tag can produce unexpected results or errors.

 

HTML Line Breaks

The HTML <br> element defines a line break.

Use <br> if you want a line break (a new line) without starting a new paragraph:

Example

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

Output will be :

The <br> tag is an empty tag, which means that it has no end tag.

The HTML <pre> Element

The HTML <pre> element defines preformatted text.

The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Example

<pre>
            I held a moment in my hand,
            Brilliant as a star,
            Fragile as a flower,
            A shiny silver out of one hour.
            I dropped it carelessly.
            Oh God! I knew not
            I held opportunity.

</pre>

Output will be like this :

 

HTML Code example :

 

<!DOCTYPE html>

<html>

                             <head>

                                                <title> HTML Paragraphs </title>

                                                <meta charset="UTF-8">

                             </head>

                             <body>

                                                <h1> Heading 1 </h1>

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

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

                                               <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>

                                                <hr>

                                                <pre>
                                                            I held a moment in my hand,
                                                            Brilliant as a star,
                                                            Fragile as a flower,
                                                            A shiny silver out of one hour.
                                                            I dropped it carelessly.
                                                            Oh God! I knew not
                                                            I held opportunity.

                                                </pre>

                             </body>

</html>

Output will be :

HTML Tag Reference

Tag

Description

<p>

Defines a paragraph

<br>

Inserts a single line break

<pre>

Defines pre-formatted text

 


HTML पैराग्राफ

HTML <p> तत्व एक पैराग्राफ को परिभाषित करता है:

उदाहरण:

<p> यह एक पैराग्राफ है। </ p>

<p> यह एक और अनुच्छेद है। </ p>

ब्राउज़र स्वतः पैराग्राफ के पहले और बाद में कुछ whitspace (एक मार्जिन) जोड़ते हैं।

HTML डिस्प्ले

आप यह सुनिश्चित नहीं कर सकते कि HTML कैसे प्रदर्शित होगा।

बड़े या छोटे स्क्रीन, और पुनः आकार किए गए विंडो अलग-अलग परिणाम बनाएंगे।

HTML के साथ, आप अपने HTML कोड में अतिरिक्त स्थान या अतिरिक्त लाइन जोड़कर आउटपुट नहीं बदल सकते।

जब पृष्ठ प्रदर्शित होता है तो ब्राउजर किसी अतिरिक्त स्थान और अतिरिक्त लाइनों को निकाल देगा:

उदाहरण

<p>

            Source कोड में,

            इस पैराग्राफ में

            बहुत सी लाइनें हैं

            लेकिन ब्राउज़र

            इन्हे अनदेखा करता है

</ p>

<p>

            Source              कोड में,

            इस                                           पैराग्राफ में

            बहुत रिक्त      स्थान हैं

                                    लेकिन ब्राउज़र

            इन्हे अनदेखा             करता है

</ p>

इसका आउटपुट :

अंत टैग मत भूले

यदि आप अंत टैग को भूल जाते हैं तो भी अधिकांश ब्राउज़र HTML को सही ढंग से प्रदर्शित करेंगे:

उदाहरण

<p> यह एक अनुच्छेद है।

<p> यह एक और पैराग्राफ है

 

ऊपर दिए गए उदाहरण अधिकांश ब्राउज़रों में काम करेंगे, लेकिन इस पर भरोसा मत करो।

अंत टैग छोड़ने से अप्रत्याशित परिणाम या त्रुटियां उत्पन्न हो सकती हैं।

 

HTML लाइन ब्रेक्स

HTML <br> तत्व एक लाइन ब्रेक परिभाषित करता है

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

उदाहरण:

<p> यह पैराग्राफ<br> लाइन ब्रेक के <br> साथ है। </ p>

इसका आउटपुट :

टैग एक खाली टैग है, जिसका अर्थ है कि इसका कोई अंत टैग नहीं है।

HTML <pre> तत्व

HTML <pre> तत्व पूर्व-प्रारूपित पाठ को परिभाषित करता है

एक <pre> तत्व के अंदर पाठ को एक निश्चित-चौड़ा फ़ॉन्ट (आमतौर पर कूरियर) में प्रदर्शित किया जाता है, और यह रिक्त स्थान और लाइन ब्रेक दोनों को संरक्षित करता है:

उदाहरण

<Pre>

        लहरों से डर कर नौका पार नहीं होती,
        कोशिश करने वालों की कभी हार नहीं होती।

</ Pre>

इसका आउटपुट :

HTML Code उदाहरण :

<!DOCTYPE html>

<html>

                             <head>

                                                <title> HTML पैराग्राफ </title>

                                                <meta charset="UTF-8">

                             </head>

                             <body>

                                                <h1> शीर्षक 1</h1>

                                                <p> यह एक पैराग्राफ है। </ p>

                                                <p> यह एक और अनुच्छेद है। </ p>

                                                <p> यह पैराग्राफ <br> लाइन ब्रेक के <br> साथ है। </ p>

                                               <p>

                                                            Source कोड में,

                                                            इस पैराग्राफ में

                                                            बहुत सी लाइनें हैं

                                                            लेकिन ब्राउज़र

                                                            इन्हे अनदेखा करता है

                                                </ p>

                                                <p>

                                                            Source              कोड में,

                                                            इस                                           पैराग्राफ में

                                                                        बहुत रिक्त      स्थान हैं

                                                                                                लेकिन ब्राउज़र

                                                            इन्हे अनदेखा             करता है

                                                </ p>

                                                <hr>

                                                <Pre>

                                        लहरों से डर कर नौका पार नहीं होती,
                                        कोशिश करने वालों की कभी हार नहीं होती।

                                                </ Pre>

                             </body>

</html>

इसका आउटपुट :

HTML टैग संदर्भ

टैग

विवरण

<p>

अनुच्छेद को परिभाषित करता है।

<br>

नई लाइन पर जाने के लिए इसका इस्तेमाल होता है। (Enter Key के रूप में काम करता है)

<pre>

पूर्व-प्रारूपित पाठ को परिभाषित करता है।

 

Comments


ravi ( Date :12 Feb,2018) :
Good Tutorial kyuki ye hindi or english dono me h