その５ 画面に「hello!!｣を表示してみる
実際に記述してみよう
その３ のセクションで作った「index.html」を右クリックし、メモ帳で編集をします。このサイトでは、メモ帳でホームページの編集を行いますので、編集したいファイルを右クリックしてメモ帳で開くという一連の作業をまず覚えてください。作業は以下の動画も参考にしてみてください。
当サイトでのホームページの編集と確認の仕方
- ファイルを右クリックする。
- Notepad（メモ帳） で編集するをクリック
- 直接メモ帳に編集する
- 入力が終わったら、上書き保存して一旦終了する。
- 編集ファイルを左クリックで開いてブラウザで確認する
では早速始めましょう☆彡
動画解説（hello!!)を表示してみる 
動画でのおさらい
「index.html」の作成ファイルを、メモ帳で以下のように編集しました。
<h1>hello!!</h1>
<p>This is a pen</p>
<h2>hello!</h2>
<p>This is a pen</p>
<h2>hello!</h2>
記述が正しいか確認してみましょう
それでは実際に確認してみましょう。「index.html」を左クリックしてみてください。
こちらをクリックしてご自分の画面と一緒かどうか確認してみてください。
解説
h1タグについて
- h1は大見出しのタグになります。文字サイズも通常よりも大きくなり、ホームページの中でも重要なキーワードを
いれることが大切です。h1のほか見出しのタグはh2〜h6まであり、数字が大きくなるほどページでの重要度は小さくなる
と同時に文字サイズも小さくなっていきます。 pタグについて
- pは段落を示すタグになります。文字サイズも通常のサイズになります。
h2タグについて
- h1タグのところで解説したように、h1タグよりも下位の見出しになります。確認画面でh1よりも文字サイズが
小さいことを確認できると思います。
このように文字にいろんな装飾や段落、文字サイズ等をコーディングしていくことでホームページは完成されていきます。
次のセクションから、ホームページの構造を見ていきましょう。