タグではさんでみよう

01 / 05

HTMLはページの中身を作る

ここからは HTML。Webページの中身と骨組みを作る言葉だよ。

文章・見出し・画像。ページに置くものを1つずつ「これは何か」と書き表していく。

02 / 05

HTMLでは、文章をタグではさんで意味をつける。

終了タグには / がつく。これが抜けやすいので気をつけて。

<p>ようこそ</p>

03 / 05

p は paragraph（段落）の p。ふつうの文章にはこのタグを使うよ。

はさんだ文字だけがページに出て、タグそのものは表示されない。

<p>きょうはカレーの日</p>

04 / 05

タグのセットはいくつでも並べられる。<p> を2つ書けば、上から順に2つの段落になる。

文のまとまりごとに分けて書くと、区切りがページにも伝わるよ。

<p>あさはパンを食べた</p><p>ひるはうどんを食べた</p>

05 / 05

書いたHTMLはすぐ下のプレビューに出る。

「書く → 見る → 直す」のくり返しで進めるのがHTMLのやり方。まちがえても壊れないから、気軽に試そう。