HTML 入門
Webページ作成はじめの一歩
ブラウザで表示する
前のページまでの作業でメモ帳などのテキストエディタを使って「index.html」というファイルに次のような内容を入力しました．
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>はじめてのWebページ</title>
</head>
<body>
Webページを作ってみます。
</body>
</html>
この「index.html」ファイルを Web ブラウザ（今回は Google Chrome を使います）で開きます．Google Chrome を起動して，Windows のエクスプローラから「index.html」ファイルを Google Chrome にドラッグ＆ドロップします．
Google Chrome で index.html ファイルを開くことができました．Google Chrome のアドレスバーに「C:/Users/ユーザ名/フォルダ名.../index.html」のように表示されていることを確認してください．また，ブラウザには「Webページを作ってみます。」という文字列が表示されているはずです．
Windows のバージョンなど環境が異なると次のように文字化けが発生するかもしれません．このときはメモ帳の右下にあるステータスバーを確認してください．「ANSI」となっていたら文字化けする可能性が高くなります．
その際はメモ帳に戻って「ファイル」→「名前をつけて保存」を実行します．このとき，右下の「エンコード」で「UTF-8」を選ぶようにしてください．また，「ファイルの種類」では「すべてのファイル (*.*)」を選ぶようにして，「保存」してください．
エンコードを正しく設定して保存ができればメモ帳のステータスバーに「UTF-8」が表示されます．ブラウザの再読み込みボタンを押して Web ページをリロードすれば文字化けが解消されるはずです．それでも文字化けが解消しないようであれば，HTML のコードに入力間違いがないかなど確認してください．
