Jhutanda

HTML মিটার উপাদান (The HTML Meter element)

<meter>: HTML মিটার উপাদান (The HTML Meter element)। HTML-এ <meter> ট্যাগটি একটি পরিচিত পরিসরের মধ্যে একটি স্কেলার পরিমাপ বা ভগ্নাংশের মান নির্ধারণ করতে ব্যবহৃত হয়। এটি একটি গেজ হিসাবেও পরিচিত। উদাহরণস্বরূপ, আপনি ডিস্কের ব্যবহার বা একটি প্রশ্নের ফলাফলের প্রাসঙ্গিকতা দেখানোর জন্য <meter> ট্যাগ ব্যবহার করতে পারেন। <meter> ট্যাগ ব্যবহার করার জন্য, আপনাকে ওপেনিং এবং ক্লোজিং <meter></meter> ট্যাগ লিখতে হবে এবং এর মান, ন্যূনতম এবং সর্বোচ্চ গুণাবলী উল্লেখ করতে হবে। আপনার শুধুমাত্র <meter> ট্যাগ ব্যবহার করা উচিত যদি আপনি সর্বাধিক এবং সর্বনিম্ন বৈশিষ্ট্যের জন্য একটি মান নির্ধারণ করতে পারেন। <meter> ট্যাগটি অগ্রগতি নির্দেশ করতে ব্যবহার করা উচিত নয়, যেমন একটি প্রগতি বারে। পরিবর্তে, আপনি একটি কাজের অগ্রগতি প্রদর্শন করতে JavaScript এর সাথে একযোগে <progress> ট্যাগ ব্যবহার করতে পারেন। HTML মিটার উপাদান (The HTML Meter 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>
    <h1>meter</h1>

    <label for="charge">Charge:</label>
    <meter value="0.7"></meter><br><br>

    <!-- Below the two example are same -->
    <label for="disk">Disk Space:</label>
    <meter id="disk" value="60" min="0" max="100"></meter><br>

    <label for="disk">Disk Space:</label>
    <meter id="disk" value="0.6" min="0" max="1"></meter><br><br>

    <label for="volume">Song volume:</label>
    <meter id="volume" min="0" max="100" low="30" high="80" optimum="80" value="50"></meter>
</body>

</html>

Scroll to Top