htmlにcssを読み込めない

前提・実現したいこと

htmlファイルにcssを読み込んで編集したいです。
ここに質問の内容を詳しく書いてください。
ドットインストールというサイトで見よう見まねで、htmlでページをコーディングしていますが、
動画と同じようにファイルを読み込むための相対パスを記述してもcssがうまくよみこめません。

発生している問題・エラーメッセージ

エラーメッセージはありません。

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>おジャコ丸のポートフェリオサイト</title> <link rel="icon" href="favicon.ico"> <meta name="description" content="おジャコ丸のポートフェリオサイトです。"＞ <link rel="stylesheet" href="css/style.css"> </head>

``
`ＨＴＭＬとCSS

h1 {
  color: red;
}

### 試したこと
全角とスペースの確認。
ここの先輩の叡智を参考にファイルの相対関係を確認したところ、
「index．html」と「css」は同じ階層にあり、「css」の中に「style．css」があるという構成です。
これも疑ってかかり、ファイルの前に./や../をつけて確認しましたが読み込んでくれません。
参考動画の記述、インストールから設定の手順まで模倣しているのですが、うまくいかないですｌ．
ＨＴＭＬのファイルからcssのファイルに飛べるのでリンクとして間違ってはいないはずですが、、
デベロッパーツールでのエラーなどは確認できず、読み込めていないのだと思います。

どうかお力添えをよろしくお願いいたします。
### 補足情報（FW/ツールのバージョンなど）
ＭａｃＢｏｏｋＰｒｏ１３
google chrome
Visual Studio Code
バージョン: 1.51.0
コミット: fcac248b077b55bae4ba5bab613fd6e9156c2f0c
日付: 2020-11-05T18:14:40.758Z
Electron: 9.3.3
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0
OS: Darwin x64 19.6.0
ここにより詳細な情報を記載してください。