사용자 도구

사이트 도구


html:emmet

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
html:emmet [2021/12/13 16:44]
kwon37xi
html:emmet [2021/12/13 16:48] (현재)
kwon37xi
줄 43: 줄 43:
 </code> </code>
  
-===== Groupping =====+===== Grouping =====
   * 괄호를 사용하여 그루핑 가능 ''div>(header>ul>li*2>a)+footer>p''   * 괄호를 사용하여 그루핑 가능 ''div>(header>ul>li*2>a)+footer>p''
 <code html> <code html>
줄 82: 줄 82:
 <div>Lorem, ipsum dolor.</div> <div>Lorem, ipsum dolor.</div>
 </code> </code>
 +
 +===== Custom attribute =====
 +  * ''td[title="Hello world!" colspan=3]''
 +
 +<code html>
 +<td title="Hello World!" colspan="3"></td>
 +</code>
 +
 ===== 참조 ===== ===== 참조 =====
 +  * [[https://docs.emmet.io/abbreviations/syntax/|Abbreviations Syntax]]
   * [[https://www.youtube.com/watch?v=m7wsrVQsVjI|웹사이트 빨리 만드는 지름길 Emmet, HTML 빠르게 마크업하기 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript - YouTube]]   * [[https://www.youtube.com/watch?v=m7wsrVQsVjI|웹사이트 빨리 만드는 지름길 Emmet, HTML 빠르게 마크업하기 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript - YouTube]]
html/emmet.1639381473.txt.gz · 마지막으로 수정됨: 2021/12/13 16:44 저자 kwon37xi