Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 클래스 속성

<시간/>

HTML의 class 속성은 요소에 대한 하나 이상의 클래스 이름을 설정하는 데 사용됩니다. 지정된 클래스 이름을 사용하여 CSS를 통해 작업하고 스타일시트를 가리킬 수 있습니다.

이제 HTML에서 class 속성을 구현하는 예를 살펴보겠습니다 -

예시

<!DOCTYPE html>
<html>
<head>
<style>
h2.demo {
   color: orange;
   background-color: black;
}
</style>
</head>
<body>
<h1>Resources</h1>
   <h2 class="demo">Text Tutorials</h1>
   <h2 class="demo">Video Tutorials</h1>
   <h2 class="demo">Interview Questions and Answers</h1>
   <h2 class="demo">Online Quiz</h1>
</body>
</html>

출력

HTML 클래스 속성

위의 예에서

요소에 대한 클래스 이름을 설정했습니다.
<h2 class="demo">Text Tutorials</h1>
<h2 class="demo">Video Tutorials</h1>

요소 −

의 배경색과 텍스트를 업데이트하는 스타일로 설정됩니다.
h2.demo {
   color: orange;
   background-color: black;
}