HTML Class Attribute

HTMLWeb DevelopmentFront End Technology

The class attribute in HTML is used to set one or more classnames for an element. With the specified class name you can work it through CSS and point in a stylesheet.

Let us now see an example to implement the class attribute in HTML −

Example

 Live Demo

<!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>

Output

In the above example, we have set a class name for the element <h2> −

<h2 class="demo">Text Tutorials</h1>
<h2 class="demo">Video Tutorials</h1>

This is set with a style to update the text as well as background color of the <h2> element −

h2.demo {
   color: orange;
   background-color: black;
}
raja
Published on 20-Jun-2019 10:19:17
Advertisements