Codersarts HTML Tutorial

<!DOCTYPE html>
<html>
<head>
    <style>
    /* Style the element with the id "myHeader" */
    #myHeader {
        background-color: lightblue;
        color: black;
        padding: 40px;
        text-align: center;
    }
    /* Style all elements with the class name "city" */
    .city {
        background-color: tomato;
        color: white;
        padding: 10px;
    } 
    </style>
</head>
<body>
        
    <h2>Difference Between Class and ID</h2>
    <p>An HTML page can only have one unique id applied to one specific element, while a class name can be applied to multiple elements.</p>
        
    
    <h1 id="myHeader">My Cities</h1>
        
    
    <h2 class="city">Delhi</h2>
    <p>Delhi is the capital of India.</p>
        
    <h2 class="city">Beijing</h2>
    <p>Beijing is the capital of China.</p>
        
    <h2 class="city">Colombo</h2>
    <p>Colombo is the capital of Sri Lanka.</p>
        
</body>
</html>

Report a Problem: