HTML、CSS、JavaScriptのファイルをリンクさせる方法

はじめに

Webサイトの開発をやっているとHTML、CSS、JavaScriptのファイルを主に扱うのですが、その3つのファイルをリンクさせて、HTMLに適用する方法を紹介したいと思います。

環境

Mac OS Monterey
MacBook Pro M1

VS Code

本編

主にHTMLのファイルにCSS、JavaScriptを適用させる感じです。

HTMLとCSS

head上にこのように記載します。

<link rel="stylesheet" href="ファイル名.css">

HTMLとJavaScript

bodyタグの一番最後にこのように付け足します。

<script type="text/javascript" src="ファイル名.js"></script>

これで完了です。