wasup

Eclipse emmet사용법 본문

IT/html, css, script

Eclipse emmet사용법

wasupup 2021. 4. 6. 16:03
반응형

이클립스 마켓플레이스에서 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>

 

반응형
Comments