HTMLファイルのbodyの背景色を外部CSSファイルから読み込んで表示したいのですが、CSSの設定が反映されません。

###前提・実現したいこと
HTMLとCSSの学習をしています。
外部CSSファイルをHTMLから呼び出して、Webサイトを表示させるたいと考えています。

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

発生している問題

CSSファイルの設定が反映されない

エラーメッセージ

エラーメッセージなし

###該当のソースコード

HTMLファイルの名前 >index.html
CSSファイルの名前 >style01.css
ファイルの保存場所 >htmlフォルダの中にHTMLファイル、CSSファイルを一緒に入れている

[HTMLファイルのソースコード]
<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8">
		<title>はじめてのHTML</title>
		<link rel="stylesheet" type="text/css" href="style01.css" media="all" />
	</head>
	<body>
		<p>Hello World!</p>

	</body>
</html>

[CSSファイルのソースコード]
body {
  background-color: orenge;
  }

###試したこと
課題に対してアプローチしたことを記載してください
1.ブラウザの履歴（キャッシュ）の削除し確認
2.動作確認するブラウザの変更し確認（GooglChrom→Firefox→Safari)
3.<link rel="stylesheet" href="style01.css" >に修正し確認
4.<link rel="stylesheet" href="./style01.css" >に修正し確認