HTML लिखते समय, आप देखेंगे कि स्पेसबार दबाने पर बने अतिरिक्त स्पेस ब्राउज़र में टेक्स्ट रेंडर होने पर दिखाई नहीं देते।
उदाहरण के लिए:
<p>April is the cruelest month,</p> <p>April is the cruelest month,</p>
पहले <p> टैग में, प्रत्येक शब्द के बीच केवल एक स्पेस है। लेकिन दूसरे <p> टैग में, प्रत्येक शब्द के बीच तीन स्पेस हैं। इसके बावजूद, प्रत्येक लाइन वेब पेज पर उसी तरह रेंडर होती है:
April is the cruelest month, April is the cruelest month,
इस लेख में, हम आपके HTML कोड में अतिरिक्त स्पेस जोड़ने के तीन समाधानों पर चर्चा करेंगे।
स्पेस जोड़ने के लिए HTML टैग्स
नॉन-ब्रेकिंग स्पेस HTML कैरेक्टर
अपने टेक्स्ट से पहले, बीच में, या बाद में स्पेस बनाने के लिए, आप नॉन-ब्रेकिंग स्पेस, ` ` टैग का उपयोग कर सकते हैं। यहाँ इस HTML कैरेक्टर को लागू करने का एक उदाहरण है:
<p>i carry your heart with me(i carry it in my heart)</p> <p>i carry your heart with me(i carry it in my heart)</p>
जो रेंडर होता है:
i carry your heart with me(i carry it in my heart)
i carry your heart with me(i carry it in my heart)
प्रीफॉर्मेटेड टेक्स्ट एलिमेंट
<pre> टैग एक HTML टैग है जिसका उपयोग प्रीफॉर्मेटेड टेक्स्ट को नामित करने के लिए किया जाता है। <pre> टैग स्पेसिंग, लाइन ब्रेक को संरक्षित करता है, और टेक्स्ट को फिक्स्ड-विड्थ फॉन्ट में प्रदर्शित करता है। आइए एक उदाहरण देखें:
<p>I was a child and she was a child, In this kingdom by the sea, But we loved with a love that was more than love— I and my Annabel Lee—</p> <pre>I was a child and she was a child, In this kingdom by the sea, But we loved with a love that was more than love— I and my Annabel Lee—</pre>
जो रेंडर होता है:
I was a child and she was a child, In this kingdom by the sea, But we loved with a love that was more than love— I and my Annabel Lee—
I was a child and she was a child,
In this kingdom by the sea,
But we loved with a love that was more than love—
I and my Annabel Lee—
लाइन ब्रेक
यदि आप टेक्स्ट की लाइनों के बीच स्पेस जोड़ना चाहते हैं, तो लाइन ब्रेक टैग, या <br> टैग, सबसे अच्छा काम करेगा। यहाँ <br> टैग को लागू करने का एक उदाहरण है:
<p>so much depends upon a red wheel barrow glazed with rain water beside the white chickens</p> <p>so much depends<br> upon<br> <br> a red wheel<br> barrow<br> <br> glazed with rain<br> water<br> <br> beside the white<br> chickens</p>
जो रेंडर होता है:
निष्कर्ष
निष्कर्ष में, हमने HTML टैग्स का उपयोग करके स्पेस जोड़ने के तीन तरीके सीखे। यदि आप HTML में नए हैं, तो हमारा गाइड यहाँ देखें: Learn HTML: A Guide to Learning Hypertext Markup Language, या हमारा लेख पढ़ें How Long Does It Take to Learn HTML?
