HTML ID

<style>
    #myHeader {
      background-color: lightblue;
      color: black;
      padding: 40px;
      text-align: center;
    } 
</style>
<h1 id="myHeader">My Header</h1>

<style>
    /* "myHeader" id-যুক্ত এলিমেন্টটি স্টাইল করা হচ্ছে */
    #myHeader {
      background-color: lightblue;
      color: black;
      padding: 40px;
      text-align: center;
    }
    /* "city" ক্লাস নামযুক্ত সব এলিমেন্ট স্টাইল করা হচ্ছে */
    .city {
      background-color: tomato;
      color: white;
      padding: 10px;
    } 
</style>
<!-- একটি ইউনিক এলিমেন্ট -->
<h1 id="myHeader">My Cities</h1>
<!-- একাধিক একই ধরনের এলিমেন্ট -->
<h2 class="city">London</h2>
<p>London is the capital of England.</p>
<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>
<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>