<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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 -->
<!-- .is for class and # is for id -->
<span class="redBg"></span>
<span id="mainspan"></span>
<div class="redBg blackborder anotherClass"></div>
<!-- Emmet takes div tag as default -->
<div class="blackbackground"></div>
<!-- creating multiple elements using Emmet -->
<!-- span#myclass.myclass2.myclass3*4 + <Tab> -->
<span id="myclass" class="myclass2 myclass3">First</span>
<span id="myclass" class="myclass2 myclass3">Second</span>
<span id="myclass" class="myclass2 myclass3">Third</span>
<span id="myclass" class="myclass2 myclass3">Forth</span>
</body>
</html>
No comments:
Post a Comment