Jhutanda

HTML ব্লক উদ্ধৃতি উপাদান (The HTML Block Quotation element)

<blockquote>: HTML ব্লক উদ্ধৃতি উপাদান (The HTML Block Quotation element)। আসলে কোন টেক্সট কে ব্লক কোড আকারে লিখতে চাইলে এইচটিএমএল এর এই উপদান বা ট্যাগ ব্যবহার করা হয়।

Example:1

<h1>Head</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam nobis, iste fugiat sit porro voluptate?
        Deleniti eos, suscipit ut aliquid minima aperiam incidunt sint a adipisci, tenetur dolorem voluptates aliquam
        ipsum, laborum maxime molestiae eaque quis tempore animi vel illo! Officiis explicabo veniam ex temporibus,
        debitis placeat. Voluptas nemo incidunt nulla eum ea dignissimos amet exercitationem perferendis commodi
        doloremque error accusamus ab, molestias sint sequi a eaque eligendi magnam odio ex blanditiis! Ratione
        doloribus dolores sed autem dignissimos facilis eveniet vero obcaecati id! Cum quo quidem corporis aspernatur
        aliquam quisquam incidunt. Inventore harum veritatis odio aliquid labore iste voluptatum debitis.</p>

    <!--Use blockquote tag and see the difference.-->
    <blockquote>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
        architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit nulla
        necessitatibus sapiente iure ut?
    </blockquote>

Example:2

<!--if the blockquote is taken form any another site you need to add the <cite> tag and get a reference.
        You can see the difference when inspect the page.
        You can also change the design.
         bellow the example. -->
    <blockquote cite="https://jhutanda.com">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
        architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit nulla
        necessitatibus sapiente iure ut?
    </blockquote>

Example:3

<!-- you can also write this method -->
    <blockquote>
        <cite>
            <a href="https://jhutanda.com">jhutanda</a>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
            architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit
            nulla
            necessitatibus sapiente iure ut?
        </cite>
    </blockquote>

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>
    <h1>Head</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam nobis, iste fugiat sit porro voluptate?
        Deleniti eos, suscipit ut aliquid minima aperiam incidunt sint a adipisci, tenetur dolorem voluptates aliquam
        ipsum, laborum maxime molestiae eaque quis tempore animi vel illo! Officiis explicabo veniam ex temporibus,
        debitis placeat. Voluptas nemo incidunt nulla eum ea dignissimos amet exercitationem perferendis commodi
        doloremque error accusamus ab, molestias sint sequi a eaque eligendi magnam odio ex blanditiis! Ratione
        doloribus dolores sed autem dignissimos facilis eveniet vero obcaecati id! Cum quo quidem corporis aspernatur
        aliquam quisquam incidunt. Inventore harum veritatis odio aliquid labore iste voluptatum debitis.</p>

    <!--Use blockquote tag and see the difference.-->
    <blockquote>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
        architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit nulla
        necessitatibus sapiente iure ut?
    </blockquote>

    <!--if the blockquote is taken form any another site you need to add the <cite> tag and get a reference.
        You can see the difference when inspect the page.
        You can also change the design.
         bellow the example. -->
    <blockquote cite="https://jhutanda.com">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
        architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit nulla
        necessitatibus sapiente iure ut?
    </blockquote>
    <!-- you can also write this method -->
    <blockquote>
        <cite>
            <a href="https://jhutanda.com">jhutanda</a>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit debitis quo quam nihil placeat id tempore
            architecto est temporibus quibusdam unde eligendi, labore aut eaque hic quos magni ab saepe qui impedit
            nulla
            necessitatibus sapiente iure ut?
        </cite>
    </blockquote>
    <!-- blockquote style  -->
    <style>
        blockquote {
            background-color: yellow;
            padding: 10px;
            border-radius: 10px;
        }
    </style>

</body>

</html>

Scroll to Top