HTML
- 웹페이지의 구조를 만들기 위해 태그를 이용하여
문서 작성을 하는 마크업 언어 (배우)
<div></div>-
여는태그 + 닫는태크
= 엘리먼트 (Element) -
태그가 있어야만 CSS가 찾아갈 수 있음
-
div : 의미 X
section : 묶음
article : 뉴스기사, 상품 등에 사용 -
단축키*
글자 쓰고 Tab
-> 엘리먼트 자동 생성
CSS
-
웹페이지를 꾸미는 스타일 언어 (스타일리스트)
-
직관적 : color, background-color, font 등
-
밑줄이 우선순위가 높음
꼭 적용해야 한다면? Space + !important; -
div { }
-
단축키*
글자쓰고 Shift + [
= 중괄호 자동생성 -
height
지정 X -> 글자 높이에 맞춰짐
지정 O -> px / vh(화면높이채움) / %
Javascript
- 웹페이지를 동적이고 상호작용적으로 만드는 데 사용되는 다중 패러다임 프로그래밍 언어
- 페이지 스크롤을 넘길 때 움직이는 모션
ex) Apple, Nike 홈페이지
주석 : 사용자에게 보여지지 않는 메모
단축키* : 내용 Ctrl + /
HTML - < !--내용-- >
CSS - /**/
Javascript - //
공통된 명령은 합쳐서 작성
ex)
div, section, article {
height: 100px;
}display 기본값 : block
-
block 특징
블록화
너비는 최대한 늘어난다
높이는 최소한 줄어든다
한 줄을 다 쓴다 -
inline-block 특징
글자화
너비는 최소한 줄어든다
높이는 최소한 줄어든다
한 줄을 여럿이서 사용한다.
