JS파일과 CSS 파일 연결하기

 

 

js 파일과 css 파일을 단독으로 열어보면

 

말 그대로 '열어서 보는것' 만 된다.. 

이 말이 무엇이냐하면 

위에 보이는것을 단독으로 실행해봤자 아무 의미가 없다 이말이다. 

css 스타일 시트와 javaSCript 파일은  html 속에서 실행되야 인간이 편하게 볼수 있는 방식으로 나온다는 뜻이다.

 

그러기 위해서 간단한 js,css 파일을 작성후에 연결하는법을 해봅시다.

 

js파일

 

css 파일

간단한 작성후에

html 에 연결을 해줍니다.

js,css를 연결한 모습

이렇게 연결을 마친후에 index,html 을 브라우저에서 실행을 해주면

body 태그의 배경색은 베이지색으로 변하였고  ( CSS 적용된 모습)

 

브라우저가 실행 되었을때 hi 텍스트를 담은 창으 출력이 되었습니다. (js 적용된 모습)