HTML/CSS 에센셜 | 위니북스

Emmet 실습!

<!DOCTYPE html>
<html>
  <head>
    <title>emmet실습</title>
    link:css link:favicon
  </head>
  <body>
    h1 h1+h2+p h1*3 h1{hello world}*10 a{Click} h1#hojun h1.hojun
    (div>table>(tr>(td*2))*3)+(footer>p) div#one.c1.c2.c3 ul>li.item$*5 lorem
    <!-- lorem*5는 5개의 문장 -->
    lorem*5
    <!-- lorem5는 5개의 단어 -->
    lorem5 [a='value1' b="value2" c=1] a[href='www.naver.com']
    <!--
            Ctrl + \ : 토글 보이기
            Ctrl + O : 파일 열기
            Ctrl + P : 프로젝트 검색
            Ctrl + F : 열려 있는 파일 내에서 검색
            Ctrl + Shift + F : 열려 있는 전체 프로젝트 내에서 검색
            Ctrl + , : Settings
            Ctrl + N : 새로운 파일
            Ctrl + S : 파일 저장
            Ctrl + Shift + S  :다른 이름으로 저장
        -->
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>emmet실습</title>
    link:css link:favicon
  </head>
  <body>
    h1 h1+h2+p h1*3 h1{hello world}*10 a{Click} h1#hojun h1.hojun
    (div>table>(tr>(td*2))*3)+(footer>p) div#one.c1.c2.c3 ul>li.item$*5 lorem
    <!-- lorem*5는 5개의 문장 -->
    lorem*5
    <!-- lorem5는 5개의 단어 -->
    lorem5 [a='value1' b="value2" c=1] a[href='www.naver.com']
    <!--
            Ctrl + \ : 토글 보이기
            Ctrl + O : 파일 열기
            Ctrl + P : 프로젝트 검색
            Ctrl + F : 열려 있는 파일 내에서 검색
            Ctrl + Shift + F : 열려 있는 전체 프로젝트 내에서 검색
            Ctrl + , : Settings
            Ctrl + N : 새로운 파일
            Ctrl + S : 파일 저장
            Ctrl + Shift + S  :다른 이름으로 저장
        -->
  </body>
</html>

cheet sheet