नमस्कार दोस्तों! इस लेख में हम How do you separate a section of text in html के बारे में बात करेंगे। और जानेंगे की किसी text को कैसे separate करते है।
How do you separate a section of text in html
किसी भी text को separate करने के कुछ तरीके है जिसके बारे में अब हम बात करने वाले है।
Paragraphs (<p>)
पैराग्राफ का use करके हम किसी भी text को अलग अलग लिख जा सकता है। इसको उदाहरण से समझने का प्रयास करते है।
<p>This is the first paragraph.</p> <p>This is the second paragraph.</p>
Headings (<h1>…….<h6>)
HTML में heading का use करके भी किसी भी text को separate किया जाता है। आईये इसको उदाहरण के द्वारा समझने का प्रयास करते है।
<h1>Main Heading</h1> <p>Some content for this section.</p> <h2>Subheading</h2> <p>Content for the sub-section.</p>
इसे भी पढ़े: HTML practice projects for beginners with source code 🚀
Horizontal Rules(hr)
इसका use करके भी text या किसी line को अलग अलग किया जा सकता है।
<p>This is some text above the horizontal line.</p> <hr> <p>This is some text below the horizontal line.</p>
Divisions (div)
इसका use करके भी किसी text को दो अलग अलग block में devide कर सकते है। आइये इसको समझने का प्रयास करते है।
<div>
<p>This is the first section.</p>
</div>
<div>
<p>This is the second section.</p>
</div>Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Separation Example</title>
</head>
<body>
<!-- Heading to separate sections -->
<h1>Main Heading</h1>
<p>This is the introduction to the main section.</p>
<!-- Paragraphs to separate text -->
<p>This is the first paragraph, introducing the main concept.</p>
<p>This is the second paragraph, providing additional information.</p>
<!-- Horizontal rule to separate sections visually -->
<hr>
<!-- Subheading to introduce a new section -->
<h2>Subheading 1</h2>
<p>This section contains information about the first topic.</p>
<!-- Using <div> to group content -->
<div style="border: 1px solid black; padding: 10px; margin-top: 20px;">
<h3>Subsection within Subheading 1</h3>
<p>This is content within a subsection.</p>
</div>
<!-- Another horizontal rule -->
<hr>
<!-- Another section with a heading -->
<h2>Subheading 2</h2>
<p>This section contains information about the second topic.</p>
<!-- Section tag to group related content semantically -->
<section>
<h3>Conclusion</h3>
<p>This is the conclusion section, summarizing the content discussed above.</p>
</section>
</body>
</html>हम आशा करते है की आपको आपके सवाल How do you separate a section of text in html का जवाब मिल गया होगा।
इसे भी पढ़े🚀