HTML ブラウザに移してみるとタグが消えていない現象について

前提・実現したいこと

　HTMLを今日から学び始めました。
ドットインストールという動画サイトを観ながら、実行してみましたが、早速間違った結果になってしまいました。
参考にしているサイト（ドットインストール）

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

・タイトルと本文に分かれない
・<>タブが残ったまま表示される

＜ｈ1＞HTML練習＜/ｈ1＞＜ｐ＞HTML練習中です。＜/ｐ＞　のまま表示

該当のソースコード

HTML
1ソースコード
2＜ｈ1＞HTML練習＜/ｈ1＞ ＜ｐ＞HTML練習中です。＜/ｐ＞
3
4### 試したこと
5VScodeというエディターを使って、言語の設定をHTMLにしました。
6上記のコードを書いて、拡張子を「.html」にして保存しました。
7保存したファイルをchromeのタブが並んでいるところにドラッグしました。
8
9HTML タグ 消えない、などのキーワードで検索してみましたが、答えが見つけられませんでした。
10
11### 補足情報（FW/ツールのバージョンなど）
12エディター：VScode
13あとは何を書けばいいか分かりません教えて下さい