ホーム > HTML&CSSに関して > h1~h6タグを使って見出しを表示する

h1~h6タグを使って見出しを表示する

まったり自転車のように

見出しを表示させるにはh1~h6タグを使います。

使い方としては、


<h1>見出しタイトル</h1>


というようにタイトルをタグで囲って使います。

h1が一番大きな特大サイズの見出しで

h2が大見出し、h3が中見出し、h4が小見出し

というようにだんだん文字サイズが小さくなっていきます。

見た目としてはこんな感じです。


h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
h6見出し

デフォルトではこのサイズですが、CSSを使ったり、タグに属性を付けることで

サイズなどが変更できるようになります。

個人的な意見ですがh1は見出しとしては大きすぎるのであまり使いません。

メインの見出しはh2、サブ見出しはh3というのが丁度良いかと思います。

普通にタグを使うだけでは味気ないですが

CSSや属性を使うことで見た目の良い見出しを作ることが出来ます。




▲ HTML&CSSに関して ▲


管理人情報

プロフィールの画像

あわ@自称ウェブデザイナー

いくつものホームページを作成してきた・・・割には HTMLやCSSの知識に乏しい自称ウェブデザイナー。 改めて自分の未熟さに反省し当ホームページでHTML&CSSの 知識を1から見直し勉強している次第。

ページの先頭へ戻る