Introduction to HTML <br> Tag
HTML में <br> tag को किसी text या paragraph में line को break करने के लिए use किया जाता है। ये tag उन situations के लिए महत्वपूर्ण है जिनमें line break का महत्व होता है। उदाहरण के लिए कोई poem या address लिखते समय text line को break करने के लिए आप इस tag को use कर सकते है।
HTML <br> tag को lines या paragraphs के बीच gap बढ़ाने के लिए नहीं use किया जाना चाहिए। इसके लिए या तो आप अलग अलग paragraph tags use कर सकते है नहीं तो इसके लिए आपको CSS margin property को use करना चाहिए।
HTML5 में इसी tag का एक advanced version introduce किया गया है जिसे <wbr> tag के नाम से जाना जाता है। जँहा <br> tag के द्वारा text line को break किया जाता है वँही <wbr> tag द्वारा आप browser को suggest कर सकते है की यदि screen size कम हो तो text line को कँहा break किया जाना चाहिए।
<wbr> tag के बारे में विस्तृत जानकारी प्राप्त करने के लिए कृपया HTML5 <wbr> tag in Hindi tutorial पढ़े।
Syntax of HTML <br> Tag
HTML में <br> tag को define करने का general syntax निचे दिया जा रहा है।
| some-text <br> some-text |
जैसे की आप ऊपर दिए गए syntax में देख सकते है <br> tag को text के बीच में define किया जाता है यह एक inline tag है। HTML में <br> tag का कोई end tag नहीं होता है। यह एक empty tag होता है।
XHTML में <br> tag को अलग प्रकार से define किया जाता है। इसका syntax निचे दिया जा रहा है।
| some-text <br /> some-text |
जैसा की आप ऊपर दिए गया syntax में देख सकते है XHTML में <br> tag को self closing tag के रूप में define किया जाता है। इसका मुख्य reason यह है की XML किसी भी tag को open रखना allow नहीं करती है। इसलिए जब भी आप XHTML में <br> tag का प्रयोग करेंगे तो इसे self closing tag के रूप में define करेंगे।
XHTML <br> tag का syntax HTML में भी allow है। इसलिए आपको XHTML का ही syntax use करना चाहिए क्योंकि यह दोनों में allow है और इससे confusion नहीं होता है।
Attributes of HTML <br> Tag
HTML <br> tag सभी global attributes जैसे की id, class आदि को support करता है।
Example of HTML <br> Tag
निचे HTML में <br> tag के use को निचे उदाहरण द्वारा समझाया जा रहा है।
| <html>
<head> <body> <p> Twinkle twinkle little star, <br>How I wonder what you are<br>Up above the world so high<br>Like a diamond in the sky</p> </body> </html> |
ऊपर दिया गया उदाहरण निचे दिया गया output generate करता है।