mengenal tag element meter pada html

Pada tutorial kali ini anda akan mengenal tag element meter pada html dan mencoba membuatnya.

Hallo semuanya masih bersama artikel tutorial dumet school , oke setelah sebelumnya saya sudah membahas tentang sebuah elemen yang bernama progres , dan untuk kali ini saya akan membahas tentang elemen lagi yaitu <meter></meter>.

Tag HTML <meter> adalah sebuah tag element yang berguna untuk memberi sebuah ukuran yang berhubungan dengan kapaasitas, dan biasa di gunakan untuk mengukur kapasitas dari suatu penyimpanan misal kapasistas hard disk, flash disk dan tag element ini tidak di peruntukan untuk mengukur suatu proses karena proses biasanya menggunakan element <progres>

Atribute

form : Menentukkan satu atau dua lebih form yang mana <meter> element tersebut diperuntukkan baginya
Height :Menentukkan tingkat nilai yang dianggap tinggi
Low :Menentukkan tingkat nilai yang dianggap rendah.
Max :Menentukkan tingkat nilai maksimum.
Min : Menentukkan tingkat nilai minimum.
Optimum :Menentukkan berapa jumlah optimal yang berlaku untuk meteran tersebut.
Value :Menentukkan nilai saat ini yang berlaku. Attribute ini wajib ditulis.

oke setelah kita paham apa itu tag meter dan apa saja atributenya sekarang say akan berikan contohnya :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Tag meter</title>
    <style>

    </style>
  </head>
  <body>
    <p>Contoh nilai 4 dari 10</p>
    <meter value="4" min="0" max="10">4 dari 10</meter><br>
    <br>
    <p>Contoh 50%</p>
    <meter value="0.5">50%</meter>
  </body>
</html>

dan hasilnya akan seperti ini :

Oke itulah tadi artikel tutorial tentang mengenal tag element meter pada html, semoga dapat menambah wawasan anda tentang tag element pada html.

Mengenal Tag Element Meter Pada HTML

Kategori