웹사이트 구성요소 - HTML /CSS/JS

자료 출처 : 코드스테이츠

 

웹사이트 구성요소 3가지

1) HTML(Hypertext Markup Language)[뼈대]
- content(내용)
ㄴ text, title, link, image...
- 브라우저에게 웹사이트가 어떻게 구성되어 있는지 알려준다

 

ex) "브라우저야, 이건 title이야. 이건 image야"
- <h2>TK World</h2>

- <img src = "./sea.jpg"> 

 

2) CSS(Cascading Style Sheets)[피부, 외형]
- 브라우저에게 웹사이트가 어떻게 보여줘야 하는지 알려준다

 

ex) "브라우저야, 이 title은 녹색이어야해. 이 image는 가로 25px, 세로 100px 이어야해" 
- <h2 style="color:green;">TK World</h2>

- <img src="./sea.jpg" width="25" height="100">

 

3) JS(javaScript)[근육, 신경]
- Web Site에 interactive[상호작용], 동적인 기능을 만들어준다

- JS관련 예시는 추후 업로드 예정