도구
Emmet 빠른 참조
Emmet 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다
미리보기
이 치트시트에 포함된 내용
- HTML 약어
- 중첩
- 그룹화
- 곱셈
- 번호 매기기
- 속성
- 텍스트
- CSS 약어
요소 단축키
div | <div></div> 생성 |
p | <p></p> 생성 |
h1 | <h1></h1> 생성 |
a | <a href=""></a> 생성 |
img | <img src="" alt=""> 생성 |
input | <input type="text"> 생성 |
btn | <button></button> 생성 |
link:css | CSS 스타일시트 link 태그 |
HTML 보일러플레이트
! → full HTML5 boilerplate
doc → HTML5 doctype only
암시적 태그
.class | <div class="class">로 변환 |
ul>.item | 자식이 <li class="item">로 변환 |
table>.row | 자식이 <tr class="row">로 변환 |
select>.opt | 자식이 <option class="opt">로 변환 |
모든 섹션이 포함된 인쇄용 치트시트 다운로드
PDF 다운로드다운로드
