今年も桜まつりが開催されます!屋台やステージイベントも

←見出し(H1)

ここで見るように、ウェブページの文章も Word などのワープロソフトで作る文章と同様の階層構造があります。

←段落

見どころ紹介

←見出し(H2)

大見出し、中見出し、小見出し…に対応するものとして、上から順に H1 から H6 までの見出しがあります。

←段落

約2km に渡る桜並木

←見出し(H3)

段落はいずれかのレベルの見出しに属しています。 これはレベル3の見出し(H3)に属している段落の文です。

←段落

次のように段落だけではなく画像を配置することができます。

←段落
公園の桜
←画像

ここでは述べませんが、工夫をすれば画像と段落を横に並べることもできます。

←段落

ある見出しに属している段落はいくつあっても構いません。また、ある見出しに属している見出しが複数あっても構いません。ただし、その見出しより下の階層の見出しだけがその見出しの下に属することができます。例えば、次は、H2 の下にある2つ目の H3 です。

←段落

夜はボンボリによるライトアップ

←見出し(H3)

H2 は H1 の下に属しています。
H3 は H2 の下に属していてます。
H4 は H3 の下に属していてます。
H5 は H4 の下に属していてます。
H6 は H5 の下に属していてます。

← 段落

H1 の下にいきなり H3 を置く(H1 > H3とする)ことは推奨されていないようです。H3 を使うときはそれより前に H2 を用意して、H1 > H2 > H3 という構造にすることが望ましいと言えます。他の見出しについても同様です。

←段落

出店者情報

←見出し(H2)

模擬店

←見出し(H3)
←箇条書き

ステージイベント

←見出し(H3)
←箇条書き