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>
출력
위의 예에서
−
요소에 대한 클래스 이름을 설정했습니다.<h2 class="demo">Text Tutorials</h1> <h2 class="demo">Video Tutorials</h1>
요소 −
의 배경색과 텍스트를 업데이트하는 스타일로 설정됩니다.h2.demo { color: orange; background-color: black; }