01 フォルダーを作る
❶練習用のフォルダー「start」を作成 （フォルダー名は英数字の小文字）
※WEBのファイル名、フォルダー名などは全てアルファベットの小文字にしましょう！
❷Windowsの 
スタートボタン ➡ Bracketsを開く
❸ファイル ➡ フォルダーを開く ➡ 「start」フォルダー選ぶ ➡ フォルダーの選択
02 htmlの新規ページを作る
新規ページを作る。ファイル名は index.html
ファイル ➡ 新規作成 ➡ 保存（ファイル名は index.html、保存先は「start」フォルダー）
下記のテキスト・コードを入力します。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>
<body>
</body>
</html>
<!doctype html> …… ドキュメントタイプを宣言する
<html> …… HTML 文書であることを宣言する
<head> …… 文書のヘッダ情報を表す
<meta> …… その文書に関する情報（メタ情報）を指定する <meta charset="utf-8">は文字コード
<title> …… 文書にタイトルをつける
<body> …… 文書の本体を表す
<h1> ～ <h6> …… 見出しを付ける
<p> …… ひとつの段落（paragraph）であることを表す
くわしくは「HTMLタグ」のページ
03 headへタイトルを入れよう
タイトルはブラウザの左上のタブに表示されます
<head>
<meta charset="utf-8">
<title>かわいい猫</title>
</head>
04 見出しを入れる
ブラウザに表示されるのは<body>～</body>の部分です。
まずは<body>内に見出しを入れてみましょう。
見出しタグは<h1>～</h1>から<h6>～</h6>まであり、<h1>が一番レベルが高い
<body>
<h1>かわいい猫 </h1>
</body>
<h2>や<h3>なども試してみましょう！
05 段落<p>タグで囲った文章を入れる
日本では猫はとても人気のあるペットです。猫用のグッズもたくさん商品化されています。
HTML
<h1>かわいい猫 </h1>
<p>日本では猫はとても人気のあるペットです。</p>
<p>猫用のグッズもたくさん商品化されています。 </p>
06 改行をする<br>タグ
テキストを途中で改行する時は<br>を使います。
<br>には終了タグが必要ありません。
HTML
<p>日本では猫はとても人気のあるペットです。</p>
<p>猫用のグッズもたくさん<br>商品化されています。 </p>
07 <hr>タグを入れてみよう
横線をひく（Horizontal Rule）時は<hr>タグを使います
HTML
<p>日本では猫はとても人気のあるペットです。</p>
<hr>
<p>猫用のグッズもたくさん<br>
商品化されています。 </p>