HTML
문서의 구성과 뼈대
Hyper Text Markup Language 의 약어로 웹페이지에서 다른 페이지로 이동할 수 있도록 하는 마크업 언어, 구조적 설계라 할 수 있다.
태그(tag)
- html 문서의 시작과 종료
- p 태그는 문단을 표현
- 링크는 a 태그로 표현
- 이미지는 img src 로 표현
요소(Elements)
- 중첩 가능, 위계 존재
속성(Attributes)
- 요소에 대한 추가 정보 제공
- 속성은 항상 시작 태그에 지정함
- "이름(name) = 값(value)" 으로 표현
시맨틱(Semantic)
- 브라우저와 개발자에게 의미를 설명
- nav - 메뉴 영역을 표시
- arcticle - 독립적인 콘텐츠를 표시
- mark - 특정 텍스트를 강조할 때
에밋(Emmet)
- 빠른 코딩을 위한 플러그인
- 특정 에디터 또는 소프트웨어와 무관하게 독립적으로 작동
- 기본 문서 축약 코드 (!, html:5)
- 자식 선택자, 형제 선택자, 복수구성 (div>ul>li*3+p)를 누루고 엔터를 치면 문서구조가 자동으로 입력
- 클래스와 아이디 선택자에 적용 클래스(.), 아이디(#), 속성([]), 순번부여($)
