Jhutanda

HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element)

<p>: HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element)। HTML <p> ট্যাগটি একটি ওয়েব পেজে পাঠ্যের একটি অনুচ্ছেদ সংজ্ঞায়িত করতে ব্যবহৃত হয়। <p> ট্যাগ হল একটি ব্লক-লেভেল এলিমেন্ট যা এলিমেন্টের আগে এবং পরে একটি নতুন লাইন তৈরি করে।
<p> ট্যাগ একটি অনুচ্ছেদ সংজ্ঞায়িত করে। ব্রাউজার স্বয়ংক্রিয়ভাবে প্রতিটি <p> উপাদানের আগে এবং পরে একটি একক ফাঁকা লাইন যোগ করে। HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।

Example:1

<!-- Example:1 (If I use space between first and second paragraph)-->
    <article id="blanck">
        <h3>Without p tag</h3>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod ut
        animi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.

        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem facere tenetur corporis vero accusamus, eius
        dolores veniam corrupti minima laudantium molestias sequi soluta, maiores libero, cum rem est optio at.
    </article>

Example:2

 <!-- Example:2 use <p> tag-->
    <article id="ptag">
        <h3>Use div tag</h3>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod
            utanimi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.
        </p>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod
            utnimi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.
        </p>

    </article>

Example:3

 <!-- example:3 use <div> tag -->
    <article id="divtag">
        <h3>Use div tag</h3>
        <div>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos quam corrupti iste adipisci commodi!
            Corporis beatae totam nisi delectus illum, dolorum recusandae voluptas perferendis odio ea provident error
            dignissimos accusamus!
        </div>
        <div>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima itaque minus, cumque laboriosam debitis
            unde harum ea, molestiae beatae, natus reiciendis? In delectus eos obcaecati id minus cumque neque dolor.
        </div>
    </article>

Full Code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>

<body>
    <!-- Example:1 (If I use space between first and second paragraph)-->
    <article id="blanck">
        <h3>Without p tag</h3>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod ut
        animi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.

        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem facere tenetur corporis vero accusamus, eius
        dolores veniam corrupti minima laudantium molestias sequi soluta, maiores libero, cum rem est optio at.
    </article>

    <!-- Example:2 use <p> tag-->
    <article id="ptag">
        <h3>Use div tag</h3>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod
            utanimi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.
        </p>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum odit, rerum ad tempore quia. Quod
            utnimi, saepe voluptatum asperiores adipisci, vitae natus totam, iure sapiente aspernatur hic accusantium.
        </p>

    </article>

    <!-- example:3 use <div> tag -->
    <article id="divtag">
        <h3>Use div tag</h3>
        <div>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos quam corrupti iste adipisci commodi!
            Corporis beatae totam nisi delectus illum, dolorum recusandae voluptas perferendis odio ea provident error
            dignissimos accusamus!
        </div>
        <div>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima itaque minus, cumque laboriosam debitis
            unde harum ea, molestiae beatae, natus reiciendis? In delectus eos obcaecati id minus cumque neque dolor.
        </div>
    </article>
    <style>
        #blanck {
            background-color: aqua;
        }

        #ptag {
            background-color: red;
        }

        #divtag {
            background-color: rebeccapurple;
        }
    </style>
</body>

</html>

Scroll to Top