<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 :: save html file in mysql |
| Html :: hover html |
| Html :: source picture |
| Html :: vscode access workspace settings.json |
| Html :: string variable in angular html |
| Html :: html table colgroup |
| Html :: tailwind css breadcrumbs |
| Html :: time in website |
| Html :: input groups |
| Html :: how to do comment in html |
| Html :: metro ui |
| Html :: regex cheat sheet |
| Html :: node.js error cannot use import outside of module |
| Html :: vue if |
| Html :: s9 berlin |
| Html :: footer html stack overflow |
| Html :: icon copy font awesome |
| Html :: how to create a currency select options on a html website |
| Html :: html para pdf |
| Html :: what is uniswap |
| Html :: display c# code in html |
| Html :: how to create div with class in vs code html shortcut |
| Html :: Aria hr role |
| Html :: APP_ENV=testing |
| Html :: crear un nuevo email en html para reply to |
| Html :: boostrap thymeleaf modal |
| Html :: intellij html |
| Html :: How to display data from database in HTML |
| Html :: electron js linux dependency |
| Html :: body html |