子供でもできる！HTMLでページ制作

子供でもできる！とあるので何歳からをお勧めかを一応書いておきます。

対象年齢：11歳くらいからそれ以降　つまり小学５年生以上推奨

皆さんは自分でコードを書いてページを作りたいなーと思ったことはありますか？まぁ最近はWordPressとかのブロックを組んでサイトを作れるすごいソフトがあるので今更これをやるのもなんか・・・

HTMLとは？
必要なもの
サイトを作ってみよう！
- メモ帳またはVisual Studio Codeを開く
- コードを書く
作ったページを開いてみよう！

HTMLとは？

HTMLはHyperText Markup Language（ハイパーテキストマークアップランゲージ）の略で主にWebページを制作するときに用いられるプログラミング言語です。大体のページはこのHTMLで作られています。そのため知名度は高いです。今回はこのHTMLを使って簡易的なサイトを作っていきたいと思います。今回はインターネット上には公開はしません。

必要なもの

パソコン
Google Chrome
Visual Studio CodeまたはWindowsメモ帳
コードを書く気

サイトを作ってみよう！

それでは早速HTMLを使ってサイトを作ってみましょう。

メモ帳またはVisual Studio Codeを開く

職場や学校の制限でアプリを勝手にパソコンにインストールできない人はメモ帳で行ってください。書くコードの内容は異なりません。

Visual Studio Codeで行う人

Visual Studio Codeを使用する人はVisual Studio Codeを起動して左上のファイルから新規ファイルをクリックして出てくるUntitled-1と書いてある下の言語を選択をクリックしてそこにHTMLと入力してください。

メモ帳で行う人

デスクトップで右クリックして新規作成からテキストドキュメントを選択して新しいテキストファイルを生成してそれを開いてください。

コードを書く

ここからはやることは同じです。

まずは

<!DOCTYPE html>
<html>
<head>
  <title>タイトル</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>ページの見出し</h1>
  <p>ページの文章</p>
</body>
</html>

と入力してみましょう。コピペでもいいよ　そして左上のファイルから名前を付けて保存をクリックしてわかりやすいところにindex.htmlとして保存しましょう。メモ帳の場合は文字コードがUTF-8になっていることを確認しファイルの種類をすべてのファイルにしてindex.htmlとして保存しましょう。

作ったページを開いてみよう！

まずファイルのアイコンがGoogle Chromeのアイコンになっていることを確認しましょう。なっていない場合はそのファイルを右クリックしてプロパティからプログラムの変更をクリックしてGoogle Chromeを選択してこのアプリを今後も使うにチェックを入れてOKを押しそのファイルのアイコンが Google Chromeのアイコンになっていることを確認しましょう。確認出来たらそのファイルを開いてみましょう。すると