html

Emmet(에밋)

Emmet(에밋) 이란? HTML 작성 시 편하게 작성할 수 있도록 도와주는 자동완성 기능의 플러그인 VS Code에는 기본적으로 emmet이 내장되어 있으므로 바로 사용이 가능 Emmet 사용법 어느 곳이던 Emmet의 구문에 맞춰 입력 시 사용 가능 > 꼭 새로운 라인이 아니어도 된다는 의미 Emmet의 구문에서 뛰어쓰기(space)는 중지 기호이므로 읽기 편하게 한다는 이유로 구문 중간중간에 뛰어쓰기 절대사용 금지 자세한 내용 및 사용법은 Emmet 공식 홈페이지를 참고 Emmet 구문 중첩 연산자(nesting operators) 자식(childe) : > div>ul>li /* 입력 시 아래의 내용으로 자동완성 */ 형제자매(sibling) : + div+p+bq /* 입력 시 아래의 내용으로 ..

[2022.04.27] Web 기초 - HTML

Web에 대한 공부를 진행 후 잊기 전 기록을 하기 위해 작성하였습니다. 기본적으로 웹 페이지를 구성하는 요소로 HTML, CSS, JS(JavaScript)를 꼽을 수 있다. 각각의 특성은 아래와 같이 정의할 수 있다. HTML 웹 페이지의 구조를 정의 CSS 웹 페이지의 모양/표현 등 스타일을 정의 JS(JavaScript) 웹 페이지의 기능/동작 등 동적인 기능들을 정의 이 3가지를 복합적으로 사용하여 웹 페이지를 구성하게 된다. HTML 이란? HyperText Markup Language의 약자로써 웹 페이지를 기술하기 위한 마크업 언어 웹 페이지의 의미와 구조를 정의할 때 사용 프로그래밍 언어에 속하지 않는다. HTML 구성 요소 태그(tag) 여는 태그(opening tag)와 닫는 태그(c..