<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><p class="ThisIsAClassName">HI</p><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>| Code Example |
|---|
| Html :: colors bootstrap |
| Html :: html input |
| Html :: bootstrap table no border |
| Html :: how to create seprate flex box for adding items into the box |
| Html :: icon for instagram in bootstrap |
| Html :: html newline |
| Html :: liens hypertexte html mdn |
| Html :: input type email |
| Html :: responsive sidebar menu css |
| Html :: html with new line |
| Html :: html4 |
| Html :: laravel datatables edit column html |
| Html :: navbar html mdn |
| Html :: check html |
| Html :: how to use flaticon in html |
| Html :: slider input |
| Html :: style attribute in html |
| Html :: Bootstrap Text Colors Example |
| Html :: high load linux |
| Html :: include jquery if not included |
| Html :: html li tag |
| Html :: vue icon |
| Html :: twig first last element |
| Html :: type button on form |
| Html :: html form generator |
| Html :: bootstrap input tagsinput |
| Html :: html table resize columns |
| Html :: col tag in html |
| Html :: postcode input html |
| Html :: how to receive ether on smart contract |