CSSとJSファイルをHTMLにリンクする

4427 ワード


私たちが見ているWebブラウザの画面はhtml、css、jsで構成されています.htmlファイルでscriptラベルを使用して一度に作成することもできます.しかし、コードの可読性が悪く、修正も複雑であるため、css、jsドキュメントは通常、単独で作成され、接続されている.
それぞれの言語の特徴について言えば、htmlは画面の全体的な構造を把握するのに役立ち、cssは画面の中の各要素の位置や形状などを飾ることができ、jsはこれらの要素を動的に移動する役割を果たすことができます.
各ドキュメントをhtmlファイルに接続する方法は簡単です.

cssファイルの接続方法

<link rel = "stylesheet" href = "./파일 이름">

jsファイルの接続方法

<script src = "./파일 이름"></script>
簡単な例を挙げて終わります.

index.html

<html>
	<head>
    	<link rel = "stylesheet" href = "index.css"/>
        <script src = "index.js"></script>
    </head>
	<body>
    	<h2>이 문장은 html에서 작성됨.</h2>
	</body>
</html>

index.js

function aaa() {
	document.write("wecode");
}

index.css

h2 {
	color : red;
}
上記のコードを実行すると、「この文章はhtmlで書かれています」がcssのために画面に赤で表示され、次の「wecode」がjsから呼び出されて出力されます.