Jhutanda

HTML উদ্ধৃতি উপাদান (The HTML Citation element)

<cite>: HTML উদ্ধৃতি উপাদান (The HTML Citation element)। কোন ওয়েবসাইট থেকে কিংবা অন্য কোন স্থান থেকে যদি কোন ডাটা নেওয়া হয়ে থাকে তবে তার রেফেরাঞ্চে দিতে এইচটিএমএল এর HTML উদ্ধৃতি উপাদান (The HTML Citation element) ব্যবহার করা হয়ে থাকে।

Example:1

<!-- cite tag is use in between blockquote tag -->
    <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:2

<cite>
        <a href="https://jhutanda.com">jhutanda</a>
    </cite>
    <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>

    <!-- blockquote style  -->
    <style>
        blockquote {
            background-color: yellow;
            padding: 10px;
            border-radius: 10px;
        }
    </style>

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>
    
    <!-- cite tag is use in between blockquote tag -->
    <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 -->

    <cite>
        <a href="https://jhutanda.com">jhutanda</a>
    </cite>
    <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>

    <!-- blockquote style  -->
    <style>
        blockquote {
            background-color: yellow;
            padding: 10px;
            border-radius: 10px;
        }
    </style>

</body>

</html>

Scroll to Top