CSS HTML Javascript

その他のファイルの読み込み

CSSファイルとJavaScriptをファイルを読み込んで行きます

  • CSSファイル
  • JavaScriptファイル

CSSファイル

・前回まででタブメニューを作るための全体像の把握とHTMLファイルを作って来ました。

・今回はCSSファイルとJavaScriptファイルを作っていきたいと思います。

・まずCSSファイルからですがCSSファイルはheadタグの中に書いていきます。リンクタグを使って書いていきましょう。

・refはstylesheetとしてhrefでcssフォルダの中にstyles.cssを入れてあげるようにしてあげます。

・こんな感じになりますね。

<link rel="stylesheet" href="css/styles.css">

JavaScriptファイル

・次にJavaScriptのファイルを作っていきます。

・JavaScriptのファイルはbodyタグの閉じタグの直前に書いていきましょう。こうすることでHTML,CSSを読み込んだあとにJavaScriptを読み込むことができます。

・JavaScriptはscriptタグを使って書いていきます。src属性を使ってファイルの位置を書いていきましょう。

・今回もjsフォルダの中にmain.jsファイルを作っていきます。

・こんな感じですね。

<script src="js/main.js"></script>

・ここまでできたらファイルを作って行きます。

・VS Codeの場合ファイルにカーソルを合わせ、command + クリックでファイルを作成できます。

・Createfileもしくはファイルを作成と出てくるのでそれをクリックすると簡単にファイルを作ることができます。

CSSJavaScriptのファイルができたらおkです。

-CSS, HTML, Javascript