코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- div>ul>li+li+li -->
<!-- 혹은 div>ul>li*3 -->
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- span.myspan -->
<span class="myspan"></span>
<!-- span#myspan -->
<span id="myspan"></span>
<!-- .mydiv -->
<div class="mydiv"></div>
<!-- p{Hello World} -->
<p>Hello World</p>
<!-- div[width=100 height=100].my100div -->
<div width="100" height="100" class="my100div"></div>
<!-- li.lists{list$}*4 -->
<li class="lists">list1</li>
<li class="lists">list2</li>
<li class="lists">list3</li>
<li class="lists">list4</li>
</body>
</html>
Reference
강의
