css classes in html code example

Example 1: how to make a class in html

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

Example 2: class html

<p class="ThisIsAClassName">HI</p>

Example 3: css class attribute

<h1 class="Class">Content</h1>
<h1 id="id">Content</h1>
Css: 
.class
#id

Example 4: html create class

<h1 class="write a name">H1 content</h1>

Example 5: html classes

<p class="ClassExample">ClassExample!!</p>

Example 6: html classes

<!DOCTYPE html>
<html>
<head>
<style>
.city {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}
</style>
</head>
<body>

<div class="city">
  <h2>London</h2>
  <p>London is the capital of England.</p>
</div>

<div class="city">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
</div>

<div class="city">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
</div>

</body>
</html>