ํ๋ก ํธ์๋/HTML
Emmet
by alswlfl
2022. 11. 18.
Emmet
HTML๊ณผ CSS์ ์๋์์ฑ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ฌ ์์ฑ์๊ฐ์ ๋จ์ถ์์ผ์ฃผ๋ ํ์ฅ ๊ธฐ๋ฅ
<body>
<!-- ์์ ๋
ธ๋ > -->
<!-- div>ul>li -->
<div>
<ul>
<li></li>
</ul>
</div>
<!-- ํ์ ๋
ธ๋ + -->
<!-- div>ul+ol+div -->
<div>
<ul></ul>
<ol></ol>
<div></div>
</div>
<!-- ๋ฐ๋ณตํ๊ธฐ * -->
<!-- div>ul>li*3 -->
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- ์์ด๋ # -->
<!-- span#item -->
<span id="item"></span>
<div id="item"></div>
<!-- ํด๋์ค . -->
<!-- span.title -->
<span class="title"></span>
<div class="title"></div>
<!-- ์ฝํ
์ธ {} -->
<!-- p.container{Hello World~!} -->
<p class="container">Hello World~!</p>
<!-- ์๋ ๋๋ฒ๋ง $ -->
<!-- p.container{items$}*5 -->
<p class="container">items1</p>
<p class="container">items2</p>
<p class="container">items3</p>
<p class="container">items4</p>
<p class="container">items5</p>
</body>