ホーム＞コース別ガイド一覧＞見出しを表示しましょう！
使用タグ <hx>～</hx>タグ
HTML一覧タグ辞典 … <hx> タグ
見出しを記述するには<h>タグを利用します。全部で六段階あり、<h1>～<h6>のように「h」の後に「1」から「6」の整数を指定できます。<h1>が最大サイズ、<h6>が最小サイズとなります。なお、前後に一行分の空きができます。<h1>が第一レベルの見出し、<h2>が第二レベルの見出し・・・<h6>が第六レベルの見出しという意味がありますので、<h1>を大見出し<h2>を章見出しなどと使い分けましょう！
使用例①
見出しを設定するために<body></body>タグ内に<h1>内容</h1>と入力しましょう！
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理
</body>
</html> |
|
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
</body>
</html> |
|
使用例の表示
[ブラウザでの表示例]
| 一人暮らしの前向きな料理 |
簡単に作れるワンポイント料理 |
使用例②
では、<h1></h1>～<h6></h6>を同じ手順ですべて表示してみます。
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<h2>簡単に作れるワンポイント料理</h2>
<h3>簡単に作れるワンポイント料理</h3>
<h4>簡単に作れるワンポイント料理</h4>
<h5>簡単に作れるワンポイント料理</h5>
<h6>簡単に作れるワンポイント料理</h6>
</body>
</html> |
使用例の表示
[ブラウザでの表示例]
| 一人暮らしの前向きな料理 |
簡単に作れるワンポイント料理
簡単に作れるワンポイント料理
簡単に作れるワンポイント料理
簡単に作れるワンポイント料理
簡単に作れるワンポイント料理
簡単に作れるワンポイント料理 |
このように、前後に一行のスペースがあきます。
関連情報ページ |
|
このタグによく使われるCSS |
|
|
|
|
その他 |
|
|
