Jhutanda

HTML মেনু উপাদান (The HTML Menu element)

<menu>: HTML মেনু উপাদান (The HTML Menu element)। HTML <menu> ট্যাগটি কমান্ডের একটি তালিকা তৈরি করতে ব্যবহৃত হয় যা একজন ব্যবহারকারী সম্পাদন করতে বা সক্রিয় করতে পারে। এটি প্রসঙ্গ মেনু, টুলবার তৈরি করতে এবং ফর্ম কন্ট্রোল এবং কমান্ড তালিকাভুক্ত করতে ব্যবহার করা যেতে পারে। <menu> ট্যাগটি HTML থেকে সরানো হয়েছে এবং HTML5 এ পুনরায় চালু করা হয়েছে। এটি বেশিরভাগ প্ল্যাটফর্মে সমর্থিত নয়। HTML মেনু উপাদান (The HTML Menu element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।

Example:

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

    <menu>
        <li id="home">Home</li>
        <li id="about">About</li>
        <li id="contactus">Contact Us</li>
    </menu>
    <h1>menu example</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae voluptatibus odio, necessitatibus id suscipit
        voluptatem magni fugit pariatur mollitia dolorum. Harum expedita nulla dolorem, laborum laboriosam esse maiores
        fuga at.</p>

    <style>
        menu {
            display: flex;
            list-style-type: none;
            background-color: yellow;
            padding: 10px;
            width: 100%;
        }

        menu>li {
            border: 1px solid blue;
            border-radius: 5px;
            padding: 5px 10px;
            margin: 5px;
            font-weight: 600;

        }

        menu>li:hover {
            background-color: blue;
            color: white;
        }
    </style>
</body>

</html>

Scroll to Top