プロゲートのコードをコピペしたら文字化けになります。

Question

初心者です。

既存のコードがどのようにWEB上で表示されるか気になり、

PCのメモ帳を使い、プロゲート（HTML＆CSS　中級編）もコードをコピペをし、
出力を試みたのですが、文字化けをしてしまいます。

プロゲート内では、文字化けしないので
何が原因なのかわかりません。

ご意見いただけたら幸いです。

Comments

[m.ts10806]

質問編集画面の質問タイトルの左にある「初心者アイコン」を利用してください。

[m.ts10806]

参考サイトがあるのでしたらそのURLもご提示ください。再現確認できないことには具体的な回答は得られません（私も回答していますが、抽象的な内容となっています）

Answer 1

メモ帳をファイル名を付けて保存する時、文字コードを[utf-8]にしましたか？
質問にコードを対応しているMarkdownの機能 の[コードを入力]を使って載せた方が適切なコメントが付き易いです。

メモ帳ではなく、エディタを使うことをおすすめします。

Answer 2

どのようなコードを実行されたか提示されてないか分かりませんが、
ほとんどのケースで文字化けが起きる要因は設定と実態が異なる時に起きます。

htmlのmetaのcharsetで何が指定してありますか？
また、ファイル自体の文字コードはそれと同じになっていますか？

違った場合、ファイル自体の文字コードを修正するのが通例ですが、
メモ帳ではなくプログラミング言語をサポートしているテキストエディタで変更してください。

また、下記のような記事は「html　文字化け」などで検索すればすぐ出てきますので、
探して、色々やってみてください。

• 今すぐ対策できる！HTMLで文字化けを直す方法【初心者向け】
• HTMLが文字化けする理由と対処法とは？
• htmlのファイルをブラウザーで確認したら文字化け！修正する方法は？
• HTMLファイルが文字化けしてしまう

Answer 3

出力を試みたコードを見せて貰えないと何とも言えないけど
テキストエンコードは何で保存されてます？