HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTML4.01 講座インデックス > 見出し要素
様々なブックマークサービスがご利用頂けます。

見出し要素

文字で何かを伝える時に、その内容が大まかに分るように『 見出し 』をつけます。ホームページを作成する場合もそれと同じく『 見出し 』要素があります。
また、HTMLでは1から6まで6段階の見出し（Heading）要素があり、レベル1がもっとも重要な見出しとなります。
<h1> </h1>〜<h6> </h6>
ソース  ソース
<h1>見出しとは</h1>
<h2>見出しとは</h2>
<h3>見出しとは</h3>
<h4>見出しとは</h4>
<h5>見出しとは</h5>
<h6>見出しとは</h6>
表示  表　示
ポイント  ブラウザの仕様やフォント設定により、文字サイズが異なる場合があります。また、見出しの前後に自動的に空白の行が挿入されます。

マーク見出し要素の装飾
title要素と同じく、見出し要素も、ロボット型検索エンジンで検索される際に、そこに記述されるテキストは、キーワードとして重要視される要素のひとつになります。特に<h1>と<h2>
しかしながら、左側の表示をご覧頂くとお分かりになると思いますが、正直<h1>要素は使い辛いと思います。
上下の空白のが必要無い、フォントサイズを固定したい、フォントカラーを全体指定色以外の色にしたい…etc
そう言った場合、
スタイルシートで、見出し要素に装飾をする事が出来ます。
ソース  ソース
<style type="text/css">
<!--
h1{font-size : 14px ;
color : red ;
margin-top : 0;
margin-bottom : 0 ;
}
-->
</style>
表示  表　示
スタイルシートは、フォントサイズ：14px、フォントカラー：赤、上下に空白が無いように指定しました。
その他、text-align : center ;を指定すれば、中央揃え、値を、right に変更すると右揃えの指定が出来ます。

(C) いまさらHTML CSS講座 2002-2008 All right reserved