最新のWeb開発のチュートリアル
 

HTML <h1> to <h6> Tags


6異なるHTMLの見出し:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
»それを自分で試してみてください

定義と使用法

<h1><h6>タグは、HTMLの見出しを定義するために使用されます。

<h1>最も重要な見出しを定義します。 <h6>少なくとも重要な見出しを定義します。


ブラウザのサポート

素子
<h1> - <h6> はい はい はい はい はい

HTML 4.01とHTML5の違い

"align"属性はHTML5でサポートされていません。 要素を整列させるためにCSSを使用します。


属性

属性 説明
align left
center
right
justify
HTML5でサポートされていません。
見出しの配置を指定します

グローバル属性

<h1><h6>タグもサポートしているグローバルは、HTMLの属性


イベント属性

<h1><h6>タグもサポートしているイベントは、HTMLの属性


関連ページ

HTMLチュートリアル: HTML見出し

HTML DOMリファレンス: 見出しオブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<h1>次のデフォルト値を持つ要素を:

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください

ほとんどのブラウザが表示されます<h2>次のデフォルト値を持つ要素を:

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください

ほとんどのブラウザが表示されます<h3>次のデフォルト値を持つ要素を:

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください

ほとんどのブラウザが表示されます<h4>次のデフォルト値を持つ要素を:

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください

ほとんどのブラウザが表示されます<h5>次のデフォルト値を持つ要素を:

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください

ほとんどのブラウザが表示されます<h6>次のデフォルト値を持つ要素を:

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
»それを自分で試してみてください