VSCodeで作成したHTMLをGooglechromeで表示しようとすると文字化けする。

VSCodeで作成したHTMLをGooglechromeで表示しようとすると文字化けしてしまいます。
まだ勉強を始めたばかりで無知な質問ですいません。
Progateで学習中にVSCodeで作成したHTMLをブラウザで表示するというレッスンがあり、推奨されているGooglechromeへVSCodeで作ったHTMLのファイル名をコピペして貼り付けたところ文字化けして表示されました。
何度試しても同じ状態になります。
これを解決する方法はないでしょうか？

VSCodeで作成したコードはこちらになります。

ファイル名:index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> </head> <body> <h1 class="title">HTML & CSS の開発環境を用意しよう！</h1> </body> </html>

K_3578

2021/07/24 00:59 編集

解決済のようですが、teratailではソースコードはMarkDownのcodeで提示するようにしてください。質問文にそのままコードを貼り付けるとインデントが無視されるため、非常に見辛いものとなります。書き方については、下記質問が参考になるかと。若しくはMarkDownのcodeについてググっても良いと思います。参考質問:https://teratail.com/questions/238564 再び質問する機会のために、この質問を編集して練習してみてはどうでしょうか。