HTMLの文字化け(ポートフォリオ用)

下記htmlコードを作成してポートフォリオとしてブラウザで再生表示されるか試したら文字化けしてしまいました。
何が原因なのでしょうか？

プログラミングの世界へようこそ
<h1>プログラミングの世界へようこそ</h1>
プログラミングとは
<h2>プログラミングとは</h2>
オンラインのプログラミング学習サービスです
<p>オンラインのプログラミング学習サービスです</p>

m.ts10806

2020/02/19 14:11

特異なケースってないといっても過言ではないので、まず調べてください。

javahack

2020/02/19 14:13

これは抜粋ですか、それとも全文ですか？抜粋なら全文を記載してください。全文なら基礎から勉強し直してください。

a-_.

2020/02/19 14:37

javahackさん通報させていただきました。

m.ts10806

2020/02/19 20:49 編集

通報に値しない内容かと思います。「基礎から」というのは指摘されても仕方ない内容です。むしろ丸投げ感しかないですよ。アドバイスに必要な情報がほとんどありません。それに調べて何も出ない内容でもありません。３年ぶりの質問ですかね。色々とお忘れなのかと思いますが、まずはガイドラインおさえましょう。 https://teratail.com/help/question-tips

Lhankor_Mhy

2020/02/20 00:21

「文字化け」とは具体的にはどのような現象ですか？結果（実際に起きたこと）を書きましょう https://teratail.com/help/question-tips#questionTips3-4-1 表現するための言葉がわからない時は表現の仕方を工夫しましょう https://teratail.com/help/question-tips#questionTips3-3-1 問題が発生する条件を具体的に書きましょう https://teratail.com/help/question-tips#questionTips3-5-3

miyabi_pudding

2020/02/20 00:40

ひとまず、javahackさんのおっしゃる通り、HTML全文でないなら、全文を記載してください。（つまり、これが全文ならば、文字化けが起きる可能性が非常に高い、HTML文法違反ということ）

BeatStar

2020/02/20 04:06

javahackさんのが通報されるのなら、この質問自体が通報レベルでは? 「文字化け」の定義も曖昧だし、「代わりにやってくれ」(= 丸投げ ) にしか見えない。

行動規範の内容に同意します

回答1件

投稿されたコードが全文だという前提で回答します。
文字コードが指定されていないので文字化けしていると思います。

html
1<!doctype html>
2<html lang="ja">
3<head>
4 <meta charset="utf-8">
5 </head>
6  プログラミングの世界へようこそ
7  <h1>プログラミングの世界へようこそ</h1>
8  プログラミングとは
9  <h2>プログラミングとは</h2>
10  オンラインのプログラミング学習サービスです
11  <p>オンラインのプログラミング学習サービスです</p>
12</html>
13