써치킴의 우당탕탕 개발 블로그

[HTML/CSS][Ch3] CSS, JS 연결 본문

알아두자 HTML, CSS

[HTML/CSS][Ch3] CSS, JS 연결

써치킴 2021. 9. 14. 18:50

문서의 정보를 나타내는 HEAD 태그에 CSS, JS 연결

<!DOCTYPE html>
<!-- lang(language의 약어)은 지정할 문서의 언어(ISO-639-1)를 명시하는 HTML 속성 -->
<!-- <html lang="en"> -->
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- link : 작성한 main.css 파일을 가져와서 현재의 html 파일과 연결 -->
    <link rel="stylesheet" href="./main.css">
    <!-- script : 작성한 javaScript 파일을 가져와서 현재의 html 파일과 연결 -->
    <script src="./main.js"></script>
</head>
<body>
  <div>Hello world!</div>
</body>
</html>
  • link 태그 : 작성한 css 파일을 가져와서 현재의 html 파일과 연결
  • script 태그 : 작성한 javascript 파일을 가져와서 현재의 html 파일과 연결 

'알아두자 HTML, CSS' 카테고리의 다른 글

[HTML/CSS][Ch3] 페이지를 나누고 연결  (0) 2021.09.17
[HTML/CSS][Ch3] 상대 경로 / 절대 경로  (0) 2021.09.17
[HTML/CSS][Ch3] 정보를 의미하는 태그  (0) 2021.09.14
[HTML/CSS][Ch3] HTML, HEAD, BODY  (0) 2021.09.14
[HTML/CSS][Ch3] Doctype(DTD)  (0) 2021.09.14
'알아두자 HTML, CSS' Related Articles more
Comments