wasup
Eclipse emmet사용법 본문
반응형
이클립스 마켓플레이스에서 emmet 검색하면 나오는 목록 확인 후 install
<!--
emmet사용법
> : 하위
() : 그룹화
* : 반복
^ : 상위
+ : 형제
-->
<!-- div>ul>li*5>a -->
<div>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<!-- div>div+p -->
<div>
<div></div>
<p></p>
</div>
<!-- div>(div)(div>p*3) -->
<div>
<div></div>
<div>
<p></p>
<p></p>
<p></p>
</div>
</div>
<!-- div>(a>img)*5 -->
<div>
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>
</div>
<!-- ul>(li>a{메뉴})*5 -->
<ul>
<li><a href="">메뉴</a></li>
<li><a href="">메뉴</a></li>
<li><a href="">메뉴</a></li>
<li><a href="">메뉴</a></li>
<li><a href="">메뉴</a></li>
</ul>
반응형
'IT > html, css, script' 카테고리의 다른 글
JavaScript) innerHTML, prompt (0) | 2021.04.08 |
---|---|
JavaScript) 변수와 연산자, 변수의 명명규칙 (0) | 2021.04.07 |
JavaScript) 이스케이프문자, console.log (0) | 2021.04.06 |
단위정리 (0) | 2020.12.28 |
css) cursor 마우스 커서 이미지 적용 (0) | 2019.12.09 |
Comments