見出し文字を指定する

[新着] Webテンプレートを仮オープンしました


<h*>

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
ブロック要素

h*タグ(h1〜h6)に囲まれた内容は、見出しとして扱われます。

一般的なブラウザでは、このタグで囲まれた文字は太字で表示され、上下に1行分のスペースを空けて改行が行われます。


<h1>見出しを指定します</h1>


見出しを指定するタグには h1h6 までの6種類があります。見出しの重要度は h1 が一番高く、h6 が一番低くなります。

一般的なブラウザでは、見出しの重要度により文字の大きが変化します。

【表示例】

この見出しはh1です

この見出しはh2です

この見出しはh3です

この見出しはh4です

この見出しはh5です
この見出しはh6です

※文字の大きさはスタイルシートで変更することができます。

【使い方】

見出しを指定する場合は、大見出し中見出し小見出し といった感じで、h1から順に使用していくといいでょう。

h1 大見出し
h2 中見出し
h3 小見出し
h2 中見出し
h3 小見出し

【画像を使う】

画像を見出しとして使用する場合には、次のように記述します。

<h1><img src="midashi.gif" alt="見出し"></h1>

この場合、alt属性は忘れずに指定しておきましょう。

メモ

文字サイズの変更だけを目的とした使用は、あまり好ましくありません。
※この要素の内容には、別のブロック要素は入れないようにします。


使用例

<h1>ホームページ制作情報</h1>
<p>ホームページ制作に関する説明をご覧いただけます。</p>

<h2>Webデザイン</h2>
<p>まずはWebデザインについてです。</p>

<h3>レイアウト</h3>
<p>見やすいレイアウトを心がけましょう。</p>

これをブラウザで見ると次のように表示されます

ホームページ制作情報

ホームページ制作に関する説明をご覧いただけます。

Webデザイン

まずはWebデザインについてです。

レイアウト

見やすいレイアウトを心がけましょう。



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版