HTML
CSS
-HTML(structure)구조
-CSS(presentation)스타일
-Java Script(interaction)상호작용
-마크업 언어
-html-head-body 트리구조
-요소 element
<p> hi </p> (opening tag) (content) (closing tag)
-div
-span: content 크기만큼 공간 차지
-ul: 순서없는 리스트
-img: 이미지 삽입/ src/ self-closing tag
-a: 하이퍼링크/ href
-시맨틱 태그
(header처럼 이름만 봐도 의미를 알 수 있는 tag)
(개발자의 이해도 및 가독성 높이기 위해서)
-block
-inline: content 크기만큼 공간 차지
-스타일과 레이아웃
-박스모델
margin: 테두리 외부 여백 border: 테두리 (border-radius: 둥근 테두리) padding: border와 content 사이 여백 content: 컨텐츠
-셀렉터 selector
body(셀렉터) { color(속성):blue(속성값); font-size:20px; 선언 }(선언블록)
-class
.body { color:blue; }
-id
#body { color:blue; }