<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>