CH2
02 파일생성과 삭제
- 파일은 되도록이면 소문자로 생성하길 바람
- 비어있는 파일에 !를 작성하고 탭, 엔터를 치면 해당 파일의 확장자의 기본 구조가 자동생성됨
05 태그이름을 한번에 변경 (Auto Rename Tag)
- 확장기능 설치 : auto rename tag 설치하면 태그들 앞뒤동시에 변경
CH3
01. Doctype
DOCTYPE(DTD,Document Type Definition)
- <--!DOCTYPE html> => html5
- <--!DOCTYPE html PUBLIC
> => html5이 아닌 다른 버전
02. HTML, HEAD, BODY
- html: 문서의 전체 범위
- head: 문서의 정보를 나타내는 범위, 보이지 않는 정보를 작성하는 범위
- body : 문서의 구조를 나타내는 범위, 웹페이지의 보여지는 구조를 작성하는 범위
웹사이트 대표 아이콘을 favicon이라고 부른다.
META 태그는 title, script, link, style로 나타낼 수 없는 나머지 여러정보를 타나내는 태그
CH4
02 브라우저 스타일 초기화
브라우저마다 제공하는 기본적인 스타일을 제공함 EX. 여백
크로스 브라우징을 해결하기 위해서 CSS RESET 필요
벤더사들에서 브라우저를 제공할 때 조금씩 다른 결과가 나올수잇음
RESET.CSS CDN 을 원격주소를 LINK 태그로 추가하기
emmet 이라는 툴킷을 통해서 div 태그들이 자동완성됨
emmet 에밋 문법 잘 사용하면 효율적일듯