最初の一歩

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ファイルを読み込みます。

スタイルシートのファイル

JavaScriptファイルを読み込みます

style.css

body {
margin: 0px;
background-color: lightgray;
}

main.js

window.onload = function() {
console.log("ページ情報を表示しました。");
}

htmlを読み込んだ後に、コンソールに表示します。