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から呼び出されて出力されます.Reference
この問題について(CSSとJSファイルをHTMLにリンクする), 我々は、より多くの情報をここで見つけました https://velog.io/@cheesepuff90/HTML-에-CSS와-JS파일-연결テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol