HTML/CSS/Javascript

HTML/CSS/Javascript의 차이는?

1) HTML (HyperText Markup Language)

- 브라우저를 통해서 보는 화면의 구조를 잡아주는 역할로 홈페이지의 기본 틀을 구성하는 것

- 웹브라우저에서 문서 및 웹 페이지가 표시되는 방법을 규정하는 언어 

- 어떤 웹사이트에서든 블록(block)을 구성하는 데 사용되는 언어

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

 

2) CSS (Cascading Style Sheets)

- 기본 틀을 구성한 HTML에 디자인을 입히는 역할

- HTML로 만들어진 문서의 컬러, 폰트 스타일, 레이아웃, 반응형 특징 등의 스타일을 지정하는 방식을 규정하는 유명한 스타일 시트 언어

- 웹사이트를 시각적으로 보다 매력적으로 만드는 기능

 

3) JS (Javascript)

- HTML 문서의 정적이고 단조로운 한계를 극복하기 위해 만든 것으로 브라우저 자체에서 내장된 해석기능을 이용한 스크립트 언어

- 컨텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할 (웹의 동적 처리를 담당)

- 회원가입 페이지에서 정보가 올바르게 입력되지 않았을 때, 그 필드를 채우라고 알람이 가는 것 등이 해당

 

 

= HTML로 웹페이지의 뼈대를 만들고 CSS로 웹페이지의 옷을 입히고, Javascript로 기능을 추가

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* 출처

www.quora.com/How-long-does-it-take-for-a-beginner-to-learn-HTML-CSS-JavaScript-and-PHP-to-become-an-expert

How long does it take for a beginner to learn HTML, CSS, JavaScript, and PHP to become an expert?

seunghyun90.tistory.com/25

[웹 퍼블리셔 성장기 1편] 웹 퍼블리셔, 뭐하는 직종이야?

cntechsystems.tistory.com/102#%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80%EB%8A%94%20HTML%2C%20CSS%2C%20Javascript%20%EB%A1%9C%20%ED%91%9C%ED%98%84

웹 퍼블리싱과 프런트엔드 개발의 환경구축

junghn.tistory.com/entry/htmlcss-HTMLCSSJavascript-%EC%9D%98-%EC%A0%95%EC%9D%98%EC%99%80-%EC%B0%A8%EC%9D%B4%EC%A0%90

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

 

blog.wishket.com/css-vs-html-vs-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8C%80%EC%B2%B4-%EB%AD%90%EA%B0%80-%EB%8B%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C/

CSS VS HTML VS 자바스크립트, 대체 뭐가 다른걸까?