HTML <meter> Tag
In this tutorial, we will learn about meter tag in HTML with the help of examples.
<meter> Tag
Meter tag <meter> is used to define a scaler measurement within a known range(or a gauge), or a fictional value.
Syntax
<meter>.........</meter>
Example
<!DOCTYPE html>
<html>
<head>
<title>Meter Tag</title>
</head>
<body>
<meter value = "6" min = "0" max = "10">6 out of 10</meter>
</body>
</html>Output
6 out of 10
Specific Attribute
| Attribute | Value | Description |
|---|---|---|
| form | form_id | It specifies one or more forms |
| high | number | It specifies high value range |
| low | number | It specifies low value range |
| max | number | It specifies the maximum value of the range |
| min | number | It specifies the minimum value of the range |
| optimum | number | It specifies the optimal value |
| value | number | It specifies the current value of the gauge |
Note : The value attribute is must required inside the <meter> tag.
Global Attribute
Meter Tag support all the global attributes of HTML.
Event Attribute
Meter Tag support all the event attributes of HTML.
Next Tutorial
We hope that this tutorial helped you develop better understanding of the concept of <meter> tag in HTML.
Keep Learning : )
In the next tutorial, you'll learn about HTML <nav> Tag.