how to create a class in html code example

Example 1: css class

.myclass {
  border:1px solid black;
  background-color: #d2d2d2;
  height:20px;
  width:60px;
}
/*If you give this class to a div in html, it will get the styles you gave
to that class. You can add multiple classes to a div, and multiple divs
can get that class. */
/* I hope I helped! */

Example 2: 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 3: class html

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

Example 4: html create class

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

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:

Html Example

Recent Posts