HTMLでstyle.cssをリンクする方法

2024-02-09 21:55 HTML CSS スタイルシート

  1. HTMLファイルを開きます。おそらく、拡張子が「.html」のファイルを編集していると思います。

  2. <head>セクション内に<link>要素を追加します。<link>要素は外部のリソース（CSS、JavaScriptなど）をHTML文書に関連付けるために使用されます。

以下のコード例を参考にしてください:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <!-- ここにHTMLコンテンツを追加してください -->
</body>
</html>

  1. 上記のコードでは、href属性に「style.css」という値を指定しています。これは、現在のディレクトリ（HTMLファイルと同じディレクトリ）にある「style.css」というファイルとのリンクを作成します。もし別のディレクトリにある場合は、正しいパスを指定する必要があります。

  2. href属性の値を適切に指定した後、HTMLファイルを保存します。

これで、HTMLファイルとstyle.cssが正しく関連付けられ、CSSスタイルが適用されます。