[HTML]CSS, javascript 사용법

728x90

HTML은 웹문서의 기본 뼈대

CSS는 HTML에게 옷을 입혀주는 디자인

javascript는 HTML을 움직이게 해주는 생명을 불어주는 피와 같은 역할을 한다

CSS사용법

<head>태그 안에<link>로 파일 불러오기

<html>
    <head>
    	<link rel="stylesheet" type="text/css" href="경로/파일이름.css">
    </head>
    <body>
    </body>
</html>

<head>태그 안에 <style>로 직접 입력하기

<html>
    <head>
        <style>
            h1{
            	color:red;
            }
        </style>
    </head>
    <body>
    </body>
</html>

태그에 style=""속성으로 직접 입력하기

<html>
    <head>
    </head>
    <body>
    	<h1 style="color:red;">직접입력</h1>
    </body>
</html>

중간 중간에 사용 해도 되지만 일반적으로 밑에 사용한다

js파일 불러오기 <script type="text/javascript" src="파일 경로.js"></script>

<html>
    <head>
    </head>
    <body>
    	<script type="text/javascript" src="파일 경로.js"></script>
    </body>
</html>

직접 입력하기 <script type="text/javascript">

<html>
    <head>
    </head>
    <body>
    	<script type="text/javascript">자바 스크립트 내용</script>
    </body>
</html>

728x90