TheSuper
12
Q:

class in html

<h1 class="write a name">H1 content</h1>
4
<p class="ClassExample">ClassExample!!</p>
3
<p class="ThisIsAClassName">HI</p>
5
<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>
2
<!-- 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>
0

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

New to Communities?

Join the community