最初の一歩
HTML + CSS + JavaScript の雛形
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>
<body>
コンソールにメッセージを出力します。
</body>
</html>
スタイルシートのファイルとJavaScriptファイルを読み込みます。
スタイルシートのファイル
<link rel="stylesheet" href="main.css">
JavaScriptファイルを読み込みます
<script src="main.js"></script>
style.css
body {
margin: 0px;
background-color: lightgray;
}
main.js
window.onload = function() {
console.log("ページ情報を表示しました。");
}
htmlを読み込んだ後に、コンソールに表示します。