[백엔드 로드맵🐖] HTML / CSS / JAVASCRIPT

HTML , CSS 그리고 JAVASCRIPT

 

미리보기

HTML : 웹 사이트의 구조를 만드는 언어

CSS : 웹 사이트를 시각적으로 아름답게 만드는 언어

JAVASCRIPT : 웹 사이트를 인터랙티브하게 만드는 언어 

 

 

HTML (Hypertext Markup Language)

Hypertext

하이퍼 링크를 이용해 독자가 원하는 페이지로 이동할 수 있게 구성되어 있는 텍스트를 의미한다.

예를 들어 위키백과에서 파란색 글자를 누르면 해당 페이지로 이동한다.

 

Markup 언어

태그를 이용하여 문서나 데이터의 구조를 명시하는 언어를 의미한다.

예시에서 주소, 수령인, 연락처와 같은 표시가 마크업에 해당한다.

주소: 경기도 성남시 분당구 판교로 242 판교디지털센터 A동
수령인: 구름(goorm)
연락처: 031-xxx-xxxx

 

HTML

웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어이다.

<제목> 바로 실행해보면서 배우는 HTML/CSS </제목>
<부제목> 구름과 함께하는 쉽고 빠르게 배우는 HTML과 CSS </부제목>
<내용> HTML과 CSS의 전반적인 설명을 담은 내용 </내용>

CSS

HTML로 다져진 구조물을 꾸며주는 언어이다. 정적인 시각효과를 구성하는데 사용한다.

 

JAVASCRIPT

동적인 역할을 담당한다.

버튼을 누르면 옆의 탭으로 넘어가고, 접기 버튼을 통해 보고 있던 메뉴를 안 보이게 하는 등의 

[특정 행위]에 대한 [반응]을 만드는 기능을 수행한다.