Thẻ meter trong HTML!
Trong Serries tự học HTML chương 2 Myboxst đã liệt kê cho bạn tất cả những thẻ có trong html.
Bây giờ hãy cùng Myboxst thực hành về tác dụng của từng loại thẻ (tag) trong html.
Trong bài viết này chúng ta sẽ tìm hiểu về Thẻ <meter>.
Công dụng của thẻ meter
Thẻ <meter> được sử dụng để định nghĩa dụng cụ đo lường trong tài liệu HTML. Hay nói cách khác là tạo một thanh hiển thị tiến trình để mô tả cho người xem biết công việc (dung lượng, phần tử,….) đã hoàn thành bao nhiu %.
Cách viết thẻ meter trong html
Thẻ <meter> trong HTML thường được viết như sau:
<meter min="number" max="number" low="number" high="number" value="number"></meter>Để dễ hình dung hơn bạn hãy xem ví dụ bên dưới :
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Ví dụ thẻ meter</title></head><body> <h5>Ví dụ dùng thẻ meter:</h5> <label for="disk_c">Dung lượng ổ C đã dùng:</label> <meter min="0" max="10" low="3" high="7" value="5">50%</meter><br> <label for="disk_d">Dung lượng ổ D đã dùng:</label> <meter min="0" max="10" low="3" high="7" value="2">20%</meter></body></html>Kết Quả hiển thị:
Ví dụ dùng thẻ meter:
50%
20% Ở ví dụ trên có những thuộc tính:
- min: Dùng để xác định giá trị nhỏ nhất của thanh tiến trình.
- max: Dùng để xác định giá trị lớn nhất của thanh tiến trình.
- value: Dùng để xác định giá trị hiện tại của thanh tiến trình.
- low: Dùng để xác định mốc chuyển đổi thấp(khi tiến trình nhỏ hơn giá trị của low thì màu sắc của thanh tiến trình sẽ bị thay đổi).
- high: Dùng để xác định mốc chuyển đổi cao (khi tiến trình lớn hơn giá trị của high thì màu sắc của thanh tiến trình sẽ bị thay đổi).
Bạn có thể Copy và past code để test bằng Texteditor online tại đây!
nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
CSS được cài mặc định cho thẻ meter
none!
Lời kết
Đây là một thẻ rất ít dùng đến! Vì thế bạn chỉ cần hiểu tác dụng và cách viết của nó như trong bài viết là được.
Nếu có vấn đề cần giải đáp hãy để lại comment tại phần bình luận bên dưới.
▼ Hãy share bài viết nếu bạn thấy bài viết có ích! Hoặc xem lại khi bạn quên! Chúc bạn thành công!▼
nó so với myboxst. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với. So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với myboxst.
Không có nhận xét nào:
Đăng nhận xét