ga-05-a4

HTML/CSS初心者の為の
無料で挫折させない ホームページ作成講座

【 HTML/CSS逆引き辞典 】
h1タグ~h6タグの 使い方 

h1タグ~h6タグは見出しタグと言われます。数字の小さいほど大きな見出しとなります。ブラウザによりその割合は異なります。スタイルシートを使うことによって大きさを指定することができます。

記事の論理性を考えて、小さな数字から使っていくことがSEO対策にも良いようです。例えばページタイトルにh1タグを使い、当該ページの大項目のタイトルにh2タグを使い、中項目のタイトルにh3タグを使うとかです。

h1~h6タグ リファレンス

■ ブロックレベル要素/インライン要素 : ブロックレベル要素

■ 終了タグ 必須/省略可能 : 必須

■ 属性 : 

【サンプル画像】

画像
枠線は後から付けたものです。


【サンプル コード】
HTMLコード
<!DOCTYPE html>
<!--====================================
     h1タグ~h6タグのサンプル
=====================================-->
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="style-1.css">
</head>
<body>
    <h1>これは、h1タグのサンプルです。</h1>
    <h2>これは、h2タグのサンプルです。</h2>
    <h3>これは、h3タグのサンプルです。</h3>
    <h4>これは、h4タグのサンプルです。</h4>
    <h5>これは、h5タグのサンプルです。</h5>
    <h6>これは、h6タグのサンプルです。</h6>
</body>
</html>
        
 back
pagetop
 next

divタグの
使い方サンプル

h1タグ~h6タグの
使い方サンプル

コメントアウトの
使い方サンプル

Copyright (c) 無料で挫折させないホームページ作成講座 All Rights Reserved.
by yorozuken