Untitled

 avatar
unknown
plain_text
6 months ago
2.3 kB
3
Indexable
<!DOCTYPE html>
<html lang="en"> <!-- ডকটাইপ এবং HTML ভাষা নির্ধারণ -->
<head>
    <meta charset="UTF-8"> <!-- ক্যারেক্টার সেট নির্ধারণ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- রেসপন্সিভ ডিজাইনের জন্য ভিউপোর্ট সেটিং -->
    <title>My First Webpage</title> <!-- পেজের শিরোনাম -->
    <style>
        body {
            font-family: Arial, sans-serif; /* ফন্টের স্টাইল সেট করা */
            background-color: #f0f0f0; /* ব্যাকগ্রাউন্ডের রং নির্ধারণ */
            margin: 0; /* মার্জিন মুছে ফেলা */
            padding: 20px; /* প্যাডিং সেট করা */
        }
        h1 {
            color: #333; /* H1 ট্যাগের রং নির্ধারণ */
        }
        p {
            color: #666; /* প্যারাগ্রাফের রং নির্ধারণ */
        }
        .button {
            background-color: #4CAF50; /* বাটনের ব্যাকগ্রাউন্ডের রং */
            color: white; /* টেক্সটের রং */
            padding: 10px 20px; /* বাটনের প্যাডিং */
            border: none; /* বর্ডার মুছে ফেলা */
            border-radius: 5px; /* কোণের রাউন্ডিং */
            cursor: pointer; /* মাউসের কার্সর পরিবর্তন করা */
        }
        .button:hover {
            background-color: #45a049; /* মাউস হোভার করলে ব্যাকগ্রাউন্ডের রং পরিবর্তন */
        }
    </style>
</head>
<body>

    <h1>Welcome to My Webpage!</h1> <!-- পেজের প্রধান শিরোনাম -->
    <p>This is my first attempt at creating a webpage using HTML.</p> <!-- একটি প্যারাগ্রাফ -->

    <button class="button">Click Me!</button> <!-- একটি বাটন -->

</body>
</html>
Editor is loading...
Leave a Comment