작심 365

html 파일에 js, css 요소 사용 또는 파일 추가 하기 본문

Front-End/html&css

html 파일에 js, css 요소 사용 또는 파일 추가 하기

eunKyung KIM 2021. 8. 3. 21:45

html 파일은 웹 브라우저에서 읽을수 있는 파일이다. 거기에 여러 동적인 기능을 추가하고 페이지에 자꾸만 들어가고 싶게 만들려면 어느정도 예쁘게 꾸며줘야 된다. 그때 사용하는게 css 와 javascript 이다. 

css와 javascript의 경우 단독으로 웹페이지에서 읽을수가 없기 때문에 html에서 끌어와야 보여질수가 있다. 

그럼 html 파일에 css 파일과 javascript 파일을 추가해야 되는데 그 방법은 두가지가 있다. 

 

첫번째 방법

-분리된 파일 추가 하기

 

이렇게 각각의 파일 세개가 같은 위치에 있을때

 

 

 

 

 

css 파일은 head 태그 안에, javascript 파일은 보통 body 끝부분에 넣어준다. 

 

두번째 방법

- 한 파일안에 작성하기

css 의 경우 <head> 태그 안에 <style> 태그를 열어서 작성하면 되고,

javascript 의 경우 <body> 태그 안에 <script> 태그를 열어서 작성하면 된다. 

 

Comments