HTML, CSS, JS 개요

HTML (Hyper Text Markup Language) - 기획자의 영역
페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당

ex) 얼굴에서 눈, 코, 입, 귀 등

 

CSS (Cascading Style Sheets) - 디자이너의 영역
실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당

ex) 얼굴에서 눈, 코, 입, 귀 등의 위치나 크기, 색상 등

 

JS (JavaScript) - 개발자의 영역
콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당. 

ex) 얼굴에서 각 이목구비의 기능, 피부를 눌렀을 때 나오는 탄성 등  

 

 

--------------------------------------------

 

HTML과 CSS는 레이아웃 중심의 개발

JS는 데이터 중심의 개발