ids_and_classes.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"content="width=device-width,initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible"content="ie-edge">
        <title>ids and classes in html</title>
    </head>
    <body>
        <h3>Ids and classes tutorial</h3>
        <div id="mainbox" class="redBg">
            <!-- ek element ki sirf ek id ho sakti hai -->
            this is mainbox
        </div>
        <span class="redBg"></span>
        <!-- emmet -->
        <span class="redBg"></span>
        <span id="mainspan"></span>
        <!-- . is for class and # is for id -->
        <div class="redBg blackBorder anotherclass">
        </div>
        <!-- emmet takes div tag as default  -->
        <div class="blackbackground"></div>
        <!-- creating multiple elements using emmet -->
        <span id="myclass"></span>
        <span id="myroom1">first</span>
        <span id="myroom1">second</span>
        <span id="myroom1">third</span>
        <span id="myroom1">fourth</span>
        <span class="myr"></span>
    </body>
</html>