Thuộc tính class trong HTML được sử dụng để đặt một hoặc nhiều tên lớp cho một phần tử. Với tên lớp đã chỉ định, bạn có thể làm việc với nó thông qua CSS và trỏ trong biểu định kiểu.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính lớp trong HTML -
Ví dụ
<!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> Đầu ra
Trong ví dụ trên, chúng ta đã đặt tên lớp cho phần tử
- <h2 class="demo">Text Tutorials</h1>
<h2 class="demo">Video Tutorials</h1>
Điều này được đặt với một kiểu để cập nhật văn bản cũng như màu nền của phần tử