HTML Basic Tags - Headings Paragraph, Line Break Tag, Horizontal Tag

HTML Basic Tags - Headings Paragraph, Line Break Tag, Horizontal Tag

Author Ramesh Prajapati
Published May 08, 2023
Html basic tag  के बारे में इस post को कवर कर रहे है | जितने भी html basic tag होंगे उनको बता देते है ताकि आप आसानी से html सिख सके और आप जानते है किसी भी चीज़ को सिखने का अपना एक अलग funda होना चाहिए हम आपको basic से लेकर deep तक html बताएँगे so आप हमारी regular post पढ़ते रहिये |

Headings [ <h> ]

Html basic tags में सबसे पहले आता है heading tags जिसकी मदद से आप अपने html document में heading लिख सकते है | html में heading  6 प्रकार की होती है
  1. <h1>
  2. <h2>
  3. <h3>
  1. <h4>
  1. <h5>
  2. <h6>

तो ये आपने जान लिया heading को और जब आप heading को अपने html document में प्रयोग करेंगे तो इस तरह से करेंगे

<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1> Ye Aapki heading 1</h1>
<h2> heading 2</h2>
<h3> heading 3</h3>
<h4> heading 4</h4>
<h5> heading 5</h5>
<h6> heading 6</h6>
</body>
</html>

इसका आउटपुट result इस तरह होगा आप स्क्रीनशॉट देखिये

Html Heading Result In Browser


अब जब heading को <body> tag के अन्दर ही insert करा सकते है और आप heading की sizes को घटा या बढ़ा भी सकते है इसके बारे में आगे आपको बताएँगे |

Paragraph [ <p> ]

और दूसरा है <p> tag yani पैराग्राफ tag आप इसकी मदद से किसी भी article का पैराग्राफ लिख सकते है और इसको html में दिखा सकते है जब आप पैराग्राफ tag को use करेंगे तो इस तरह से करेंगे |

<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>first paragraph of text.</p>
<p>second paragraph of text.</p>
<p>third paragraph of text.</p>
</body>
</html>

आपने देखा की <p> tag भी <body> tag के अन्दर ही होता है अब जब इसको किसी ब्राउज़र पर run कराएँगे तो इसका result इस तरह से होगा|

first paragraph of text | आपका पैराग्राफ इस तरह से ही show होगा | 

Line Break Tag [ <br/> ]

तीसरा आता है line break tag | इसका html code <br> or <br/> होता है| अधिकतर ये इसका closing tag ( <br/> ) ही इस्तेमाल होता है | आप इसको किसी word या sentence को पूरा करने के बाद इसे break करने के बाद दूसरी line से लिखें के लिए इसका इस्तेमाल कर सकते है |
उदा - आप html सिख रहे है | ( यहाँ से दूसरी line से लिखने के लिए line break का प्रयोग करेंगे )
   -  हां |

इसको html में लिखने के आप निचे का उदाहरण देखिये

<!DOCTYPE html>
<html>
<head>
<title>Line Break Example</title>
</head>
<body>
<p>Hello<br />
आप कब आये <br />
4 बजे <br />
थैंक्स </p>
</body>
</html>

इसमें आपने देखा की line break tag भी html में <body> tag के अन्दर लिखा जाता है इसका जो result होगा वो इस तरह से होगा |



Horizontal Lines [ <hr/> ]

4th नंबर पर आता है horizontal lines | आप इसको कोई भी sentence या word लिखने के बाद उसके निचे एक line खीचने के लिए प्रयोग कर सकते हो | आपके document में ये horizontal lines right , left , bottom, up भी insert करा सकते है |
आप horizontal lines को html में कैसे प्रयोग करेंगे नीचे देखिये |

<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>

इसका आउटपुट result इस तरह से होगा |



तो आपने जाना की heading कैसे html में बनते है और line break के बारे में भी अभी और बहुत से html basic tags है और हम आपको इसके बारे में आगे बताएँगे |
 || so हमारे post रोज - रोज पढ़ते रहिये ||