How do you separate a section of text in html

by

नमस्कार दोस्तों! इस लेख में हम 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 का जवाब मिल गया होगा।

इसे भी पढ़े🚀

Leave a comment