最初の一歩

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を読み込んだ後に、コンソールに表示します。