투케이2K

93. (html/css/javascript/jquery) meter 태그 사용해 특정 비율 시각적 표시 수행 실시 본문

FrontEnd

93. (html/css/javascript/jquery) meter 태그 사용해 특정 비율 시각적 표시 수행 실시

투케이2K 2022. 8. 20. 20:41

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

 

[요약 설명]

​

<meter> 태그는 분수 값이나 게이지 내에서 특정 스칼라 값이 어느 정도인지를 표현할 때 사용합니다.

<meter> 태그는 진행 정도를 나타내는데 사용해서는 안 되며, 진행 상황을 나타낼 때는 progress 태그를 사용해야 합니다.
 

[소스 코드]

​

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>meter tag</title>
</head>
<body>
    
    <p>PC 사용량 : <meter min="0" max="1000" value="350">350GB</meter></p>
	
</body>
</html>
 

[결과 출력]

​

 

 

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

95. (html/css/javascript/jquery) rp 태그 사용해 문자 설명을 작은 크기의 윗첨자로 표시 수행 실시  (0) 2022.08.21
94. (html/css/javascript/jquery) q 태그 사용해 짧은 인용구 정의 실시  (0) 2022.08.21
92. (html/css/javascript/jquery) progress 사용해 다운로드 진행 상황 표시 수행 실시  (0) 2022.08.20
91. (html/css/javascript/jquery) optgroup 사용해 드롭다운 리스트 옵션 그룹 정의 실시  (0) 2022.08.20
90. (html/css/javascript/jquery) mark 태그 사용해 텍스트 하이라이트 강조 표시 수행 실시  (0) 2022.08.19
'FrontEnd' Related Articles more
Comments