HTMLの雛形 #JavaScript

・testAppフォルダの作成（その他必要なファイルも作る。画像参照。）
　＜フォルダの階層＞
　　testApp
　　　/index.html(topページ)
　　　/css(スタイルシートのフォルダ)/style.css
　　　/js(javascriptが入るフォルダ)/test.js
　　　/images(画像が入るフォルダ)/img1.jpg

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet"  href="css/style.css">
    <title>タイトル</title>
    <script src="js/test.js"></script>
  </head>
    <body>
      <main>
        <p>Hello World</p>
      </main>
  </body>
</html>

css/style.css

p{
  font-size: 30px;
  color: red;
}

js/test.js

window.onload = function() {
  console.log("読み込み完了！")
}

・index.htmlをダブルクリック→「Hello World」が表示されれば読み込み完了。
・読み込んだ際文字が赤ければCSSの読み込み完了。
・ブラウザを「右クリック」→「検証」→「console」→「読み込み完了！」が表示されればJSファイルも問題なし。
　