vscode 赤文字の意味は？

Question

私はvscode 入門レベルです。

ドットインストールでcssを学習していたところ、
vscode側で赤文字が表示され、指示通りに動かなくなってしまいました。

vscodeで表示されるこの赤い文字は何を意味しているのでしょうか？

下から2番目のリンクタグの後に

<style> h1{ color: blue; } </style>

を入力し、

<!-- <style> h1{ color: blue; } </style> -->

とコメントアウトさせたところ、赤文字になってしまいました。

コメントアウトさせたのにブラウザでコードが表示されてしまいます。
（コメントアウトさせた意味ないやん！と突っ込んでしまいました）

そして、元に戻すために、コメントアウトさせた箇所を削除したところ
”<!-- <style>”を表記していた行は必ず赤文字になってしまうようになってしまいました。

一体何が原因なのでしょうか？
ググったり、HTML&CSSの本で調べてみましたが答えが出ませんでした。

ちなみに
macOS Catalina
Google chrome
vscode 1.41.1
を使用しています。

Answer 1

画像だけでなくコードを提示をするようにしましょう。
画像からわかることはタグの閉じ忘れ（>が無い）である可能性が高い、ということだけです。

Comments

[sarang12]

ご指摘ありがとうございます。以後気をつけます。

その前のコードでタグの閉じ忘れがありますといった表示なのですね。
確かに、この中ではタグの最後を消してしまっていました…