HTML - Emmet

MJ·2023년 1월 30일
0

HTML 

목록 보기
18/27
post-thumbnail

1. Emmet

Emmet 기능이란 강력한 자동 완성 기능으로, html 문법의 반복되는 부분이나
태그를 빠르게 완성시켜주는 기능을 보유하고 있습니다.



1.1 Emmet 으로 요소 만들기

생성하기 위한 요소의 이름을 타이핑하고 TAB키를 누르면 자동완성 된다.


1.2 Emmet 구조화 요소 만들기

> 기호를 사용해서 자식 요소를 생성할 수 있다.


1.3 Emmet 형제 요소 만들기

+ 기호를 사용해서 형제 요소를 생성할 수 있다.


1.4 Emmet 반복 요소 만들기

* 기호를 사용해서 반복되는 요소를 생성할 수 있다.
필요한 요소의 개수만큼 곱셈하면 된다.


1.5 Emmet 컨텐츠 넣어서 만들기

{} 괄호안에 필요한 텍스트를 입력하면, 요소 안의 컨텐츠가 기입된다.


1.6 Emmet 속성 안에 텍스트 집어 넣기

[] 괄호안에 필요한 텍스트를 입력하면, 속성 안의 컨텐츠가 기입된다.

$ 기호를 입력하면, 순차형으로 숫자가 반복 생성됩니다.

profile
프론트엔드 개발자가 되기 위한 학습 과정을 정리하는 블로그

0개의 댓글