classes 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: html create class

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

Example 4: html classes

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

Example 5: html specific class color

<!-- in the head element -->
<style> h1 { color:blue; } </style>

<!-- in the body element -->
<h1> text in blue because all "h1" element is in blue </h1>

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>

Tags:

Css Example

Recent Posts