HTML मे स्पेस (space) इन्सर्ट कैसे करें

इस पोस्ट मे आप HTML मे extra blank space insert करना सिखेगें । अब तक आप ने HTML मे बहुत कुछ सिख लिया है जिसके मदद से आप एक वेब पेज बना भी सकते हैं और जब आप वेब पेज बनायेगें तो एक कोड की आपको कमी महसूस होगी की एक्स्ट्रा स्पेस कैसे ऐड किया जाए ( How to Insert Extra blank Space in HTML) |

अब आप सोच रहे होगें की एक्स्ट्रा blank स्पेस की जरूरत कहाँ पड़ती है। तो एक काम करे ।

नीचे एक कोड दे रही हूँ इसे टाइप करके HTML मे सेव करें और उसे ब्राउजर मे ऑपेन करें |

<html>
<body>
Product		Price		Quantity	<br>	
Pen		10		10<br>
Pencil		5		20<br>
Copy		50		30<br>
</body>
</html>

यह कोड आपको कुछ इस तरह का आउटपुट देगा

यहाँ साफ दिखाई दे रहा है की codding मे किसी किसी जगह पर एक से ज्यादा space होने के बावजूत आउटपुट मे एक ही space दिख रहा है।

इसी जगह पर कुछ खास code और tag की जरूरत होती है ।

html मे एक से ज्यादा blank space insert करने के बहुत सारे तरीके हैं लिए उन में से ये दो तरीके मुझे सबसे ज्यादा पसंद है और यह सबसे आसान भी है।

इन्हें भी पढ़े- एक्सल फुल कोर्स

पहला तरीका

<pre> tag के इस्तेमाल से स्पेस इन्सर्ट करना

<pre> tag के इस्तेमाल से दो text के बीच मे एक से ज्यादा space दिया जा सकता है। इसके अलावा tab का भी इस्तेमाल किया जा सकता है और enter का भी इस्तेमाल किया जा सकता है।

नीचे दिए code को टाइप करके .html के साथ सेव करे। फिर उसे किसी ब्राउजर में ऑपेन करें आपको फर्क साफ दिखाई देगा।

HTML Code



<html>
<body>
<pre>
Product		Price		Quantity		
Pen		10		10
Pencil		5		20
Copy		50		30
<pre>
</body>
</html>

Display

इस Output मे text के बीच का space उतना हीं है जैसा हमने code मे लिखा है। यहाँ किसी लाइन को नीचे लाने के लिए <br> tag की भी जरूरत नहीं हुई। कीबोर्ड से Enter देने से ही लाइन नीचे आ जाता है।

दूसरा तरीका

&ensp और &emsp का इस्तेमाल

html coding मे text के बीच मे extra space देने के लिए दो code का इस्तेमाल किया जाता है।

&enps – दो space देने के लिए।
&emps – चार space देने के लिए

&enps और &emps को एक से ज्यादा बार भी इस्तेमाल किया जा सकता है लेकिन एक साथ चार बार से ज्यादा इस्तेमाल नहीं कर सकते।

HTML Code

<html>
<body>
<p>&ensp;Twinkle, twinkle, little star,<br>
&ensp;&ensp;How I wonder what you are!<br>
&ensp;&ensp;&ensp;Up above the world so high,<br>
&ensp;&ensp;&ensp;&ensp;Like a diamond in the sky.</p>

<p>&emsp;Twinkle, twinkle, little star,<br>
&emsp;&emsp;How I wonder what you are!<br>
&emsp;&emsp;&emsp;Up above the world so high,<br>
&emsp;&emsp;&emsp;&emsp;Like a diamond in the sky.</p>
</body>
</html>