HTML Paragraphs
एक अनुच्छेद हमेशा एक नई पंक्ति से शुरू होता है, और आमतौर पर पाठ का एक भाग होता है।
HTML पैराग्राफ:
HTML <p>तत्व एक अनुच्छेद को परिभाषित करता है।
एक पैराग्राफ हमेशा एक नई लाइन पर शुरू होता है, और ब्राउज़र स्वचालित रूप से पैराग्राफ के पहले और बाद में कुछ सफेद स्थान (एक मार्जिन) जोड़ देते हैं।
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>HTML Display
आप निश्चित नहीं हो सकते कि HTML कैसे प्रदर्शित किया जाएगा।
बड़ी या छोटी स्क्रीन और बदली हुई विंडो अलग-अलग परिणाम देंगी।
महत्वपूर्ण:
HTML के साथ, आप अपने HTML कोड में अतिरिक्त स्थान या अतिरिक्त पंक्तियाँ जोड़कर डिस्प्ले को नहीं बदल सकते।
पृष्ठ प्रस्तुत करते समय ब्राउज़र स्वचालित रूप से किसी भी अतिरिक्त स्थान और पंक्तियों को हटा देगा:
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>HTML Horizontal Rules
<hr>टैग HTML पृष्ठ में विषयगत विराम को परिभाषित करता है, और अक्सर इसे क्षैतिज नियम के रूप में प्रदर्शित किया जाता है।
<hr>तत्व का उपयोग HTML पृष्ठ में सामग्री को अलग करने (या प्रतिस्थापन को परिभाषित करने) के लिए किया जाता है:
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>नोट:
<hr>टैग एक खाली टैग है, जिसका अर्थ है कि इसका कोई अंतिम टैग नहीं है।
HTML Line Breaks
HTML <br>तत्व एक लाइन ब्रेक को परिभाषित करता है।
यदि आप नया पैराग्राफ शुरू किए बिना लाइन ब्रेक (नई लाइन) चाहते हैं<br>उपयोग:
Example
<p>This is<br>a paragraph<br>with line breaks.</p>नोट:
<br>टैग एक खाली टैग है, जिसका अर्थ है कि इसका कोई अंतिम टैग नहीं है।
The Poem Problem
यह कविता एक पंक्ति में प्रस्तुत है:
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>संकट:
उपरोक्त कोड कविता को केवल एक पंक्ति में प्रदर्शित करता है। लाइन ब्रेक और रिक्त स्थान संरक्षित नहीं हैं.
Solution - The HTML <pre> Element
HTML <pre>तत्व पूर्व-स्वरूपित पाठ को परिभाषित करता है।
<pre>तत्व के भीतर का पाठ एक निश्चित-चौड़ाई वाले फ़ॉन्ट (आमतौर पर कूरियर) में प्रदर्शित होता है, और यह रिक्त स्थान और लाइन ब्रेक दोनों को संरक्षित करता है:
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>समाधान:
<pre>टैग का उपयोग करके कविता के मूल डिज़ाइन को पूरी तरह से संरक्षित किया गया है।
Exercise
सही या गलत. HTML पैराग्राफ हमेशा एक नई लाइन से शुरू होते हैं।
HTML Tag Reference
जैसिफ टीम के टैग नोट में HTML तत्वों और उनकी विशेषताओं के बारे में अधिक जानकारी है।
| टैग | व्याख्या |
|---|---|
<p> |
एक स्तंभ को परिभाषित करता है |
<hr> |
सामग्री में विषयगत बदलाव को परिभाषित करता है |
<br> |
सिंगल लाइन ब्रेक सम्मिलित करता है |
<pre> |
पूर्व-स्वरूपित पाठ को परिभाषित करता है |
नोट:
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।