[html/css] HTML/CSS/Javascript 의 정의와 차이점

웹사이트는 크게 3가지 요소로 구성

HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets), 자바스크립트 (Javascript)

 

HTML(Hyper Text Markup Language)

- 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다

- 웹 페이지에서 제목, 이미지, 동영상, 문단, 표, 등을 정의하고 그 구조와 의미를 부여하는 정적 언어이다.

- 웹의 구조를 담당 한다.

 

CSS(Cascading Style Sheets)

- 마크업 언어(HTML, XML, XHML 등)가 실제 표시되는 방법(색상, 레이아웃, 크기, 폰트 등)을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어이다.

- 웹의 시각적인 표현을 담당한다.

 

JS(JavaScript)

- HTML 문서의 정적이고 단조로운 한계를 극복하기 위해서 넷스케이프(Netscape)사가 만든 LiveScript가 이름을 달리 한 것으로 브라우저 자체에서 내장된 해석기능을 이용한 클라이언트 기반의 일종의 스크립트 언어이다.

- 콘텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 하는 프로그래밍 언어이다.

- 웹의 동적 처리를 담당한다.

 

쉽게 정리하면 HTML로 웹페이지의 뼈대를 만들고 CSS로 웹 페이지의 옷을 입히고, Javascript로 기능을 추가한다고 할 수 있다.

---

- HTML, CSS, Javascript가 담당하는 역할을 시각적으로 표현한 사이트

https://html-css-js.com/

HTML CSS JavaScript - Tools and Resources

---