본문 바로가기

프론트엔드/HTML, CSS, JS기본

CSS, JS 연결하기

CSS 연결

<head>영역에서 <link>태그를 걸어주면 됩니다.

<link rel="stylesheet" href="./main.css">

 

html 파일 언어 변경

<html>태그 중 lang속성이 기본적으로 en으로 되어 있습니다.

en는 영어의 약자라서 해당 파일은 암묵적으로 영어로 표시됩니다.

한국어로 변경하고 싶으면 ko로 변경하면 됩니다.

 

JS 연결

JavaScript 파일 연결하려면 <script>태그를 사용해야 됩니다.

html 파일의 <head>영역에서 위 캡처처럼 <script>태그를 넣고,

src에서 js파일 경로를 표시해주면 연결됩니다.

그리고 다시 브라우저를 켜시고 F12키를 누르면 개발자 모드 나옵니다.

개발자 모드

여기서 JS를 확인할 수 있습니다.