はじめてのHTML

01 / 05

HTMLってなに?

HTML は Webページの構造を作る言語だよ。

「ここが見出し」「ここが段落」と、ページの骨組みを決める。JSが「動き」なら、HTMLは「体」だね。

02 / 05

HTML は <タグ名> と </タグ名> で文章を囲んで書く。

このセットを要素と呼ぶよ。

<h1>わたしのページ</h1>

03 / 05

ふつうの文章は <p>(paragraph = 段落)で囲むよ。

複数の要素を並べると、上から順番に表示される。

<h1>わたしのページ</h1><p>ようこそ!</p><p>プログラミングを勉強中です。</p>

04 / 05

見出しタグは <h1> から <h6> まで6段階。数字が大きいほど小さな見出しになる。

新聞の「大見出し・中見出し・小見出し」と同じ考え方だよ。

<h1>お店の名前</h1><h2>メニュー</h2><h3>おすすめ</h3>

05 / 05

ここからは実際に書いてみよう。書いたHTMLはすぐ下のプレビューに表示されるよ。

「書く → 見る → 直す」のリズムで進めていこう。