HTML বোতাম উপাদান (The HTML Button element)

<button>: HTML বোতাম উপাদান (The HTML Button element)। এইচটিএমএল এর বোতাম ট্যাগ দ্বারা কোন পেজ বা পোস্ট এর মধ্যে আমরা বোতাম দিতে পারি।

Example:1

<h1>head</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia inventore architecto nostrum laborum doloreserunt mollitia facere saepe minus asperiores nisi in, amet aspernatur sit nihil maxime pariatur
        earum, quae vitae rerum fugiat atque. Consequatur voluptates eveniet deserunt officia excepturi saepe, porro
       </p>

    <!--button Example:1-->
    <button>Click Me</button>

Example:2

 <h1>head</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia inventore architecto nostrum laborum dolor
        tempore deserunt mollitia facere saepe minus asperiores nisi in, amet aspernatur sit nihil maxime pariatur
        earum, quae vitae rerum fugiat atque. Consequatur voluptates eveniet deserunt officia excepturi saepe, porro
       </p>

   
    <!--button Example:2-->
    <!--button style-->
    <button class="btn">Click Me</button>
    <style>
        .btn {
            background-color: aqua;
            color: red;
            font-weight: 600;
            padding: 10px;
            border: none;
            border-radius: 5px;
        }
    </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>
    <h1>head</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia inventore architecto nostrum laborum dolor
        tempore deserunt mollitia facere saepe minus asperiores nisi in, amet aspernatur sit nihil maxime pariatur
        earum, quae vitae rerum fugiat atque. Consequatur voluptates eveniet deserunt officia excepturi saepe, porro</p>

    <!--button Example:1-->
    <button>Click Me</button>
    </br></br>

    <!--button Example:2-->
    <!--button style-->
    <button class="btn">Click Me</button>
    <style>
        .btn {
            background-color: aqua;
            color: red;
            font-weight: 600;
            padding: 10px;
            border: none;
            border-radius: 5px;
        }
    </style>
</body>

</html>

Scroll to Top