HTML (Hyper Text Markup Language) - 기획자의 영역
페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당
ex) 얼굴에서 눈, 코, 입, 귀 등
CSS (Cascading Style Sheets) - 디자이너의 영역
실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당
ex) 얼굴에서 눈, 코, 입, 귀 등의 위치나 크기, 색상 등
JS (JavaScript) - 개발자의 영역
콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당.
ex) 얼굴에서 각 이목구비의 기능, 피부를 눌렀을 때 나오는 탄성 등
--------------------------------------------
HTML과 CSS는 레이아웃 중심의 개발
JS는 데이터 중심의 개발
'개념 창고 > HTML & CSS' 카테고리의 다른 글
HTML 상대 경로와 절대 경로 (0) | 2022.05.17 |
---|---|
HTML 화면에 이미지 출력하기 (0) | 2022.05.17 |
HTML 속 head 정보 태그 종류 (0) | 2022.05.17 |
HTML 기본 구조 태그들의 역할 (0) | 2022.05.17 |
Doctype(DTD) HTML 기본 양식 불러오기(Visual Studio code) (0) | 2022.05.17 |