<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Ids and classes in HTML </title>
</head>
<body>
<h3>Ids and classes Tutorial </h3>
<div id="mainBox" class="redBg blackBorder">
This is mainbox
</div>
<span class="redBg"></span>
<!-- Emmet -->
<span class="redBg"></span>
<span id="idmainspan"></span>
<div class="redBg blackBorder anotherclass"></div>
<!-- Emmet takes div tag as default -->
<div class="blackBackground"></div>
<!-- creating multiple element using Emmet -->
<!-- span.myclass1.myclass2.myclass3 + <tab> -->
<span class="myclass1 myclass2 myclass3"></span>
<span class="myclass1 myclass2 myclass3"></span>
<span class="myclass1 myclass2 myclass3"></span>
<span class="myclass1 myclass2 myclass3"></span>
<span class="myclass1 myclass2 myclass3"></span>
</body>
</html>
