<p class="ThisIsAClassName">HI</p><ul class="legend">
<li><span class="greendot"></span>Text</li><br></br>
<li><span class="yellowdot"></span>Text</li><br></br>
<li><span class="reddot"></span>Text</li><br></br>
<li><span class="blackdot"></span>Text</li><br></br>
</ul><h1 class="write a name">H1 content</h1><html>
<style>
.MyClass {
background: black;
text-align: center;
color: white;
}
</style>
<div class="MyClass">
This text is styled by a css class
</div>
<!-- Fun Fact: If you are on vscode you can do .MyClass and press tab or enter -->
</html><p class="ClassExample">ClassExample!!</p><!DOCTYPE html>
<html>
<head>
<style>
.geek {
background-color: green;
font-size: 50px;
}
</style>
</head>
<body>
<button onclick="myClass()">Try it</button>
<div id="gfg">Geeks for Geeks</div>
<script>
function myClass() {
var elem = document.getElementById("gfg");
// Adding class to div element
elem.classList.add("geek");
}
</script>
</body>
</html><html>
<head>
<title>She Codes</title>
<style>
h1 {
color: red;
text-decoration: underline;
font-size: 48px;
font-weight: 100;
}
.coders {
color: blue;
}
.courses {
color: red;
}
.stories {
color: green;
}
</style>
</head>
<body>
<h1>
SheCodes
</h1>
<ul>
<li>
<a href="https://www.shecodes.io/students" target="_blank" class="coders">
Coders
</a>
</li>
<li>
<a href="https://www.shecodes.io/courses" target="_blank" class="courses">
Courses
</a>
</li>
<li>
<a href="https://www.shecodes.io/stories" target="_blank" class="stories">
Stories
</a>
</li>
</ul>
<hr />
<p>
<strong>
More info
</strong>
</p>
<img src="https://edge.alluremedia.com.au/m/g/2017/10/woman-coding.jpg" width="300" />
</body>
</html><div classs="div1">
<!--Your code-->
</div>