サイト内検索
...HTML・XHTMLタグ...
テキスト
見出し
- 見出しには、h1要素を指定します。
- h1要素〜h6要素までの６種類があります。
- [使い方]
- <h1>〜〜</h1>
サンプル
[ｂｏｄｙの中]
<h1>h1の見出しを指定しています。</h1><h2>h2の見出しを指定しています。</h2>
<h3>h3の見出しを指定しています。</h3>
[ブラウザ上]
h1の見出しを指定しています。
h2の見出しを指定しています。
h3の見出しを指定しています。
画像を見出しに
- 画像を見出しとして使う場合には、h要素にimg srcを指定します。
- alt=""(画像の説明文)は忘れずに書いておきます。
- [使い方]
- <h1><img src="sample.jpg" alt="見出し"></h1>
| 属性 | 属性値 | 説明 |
|---|---|---|
| src= | "" |
「"../img/sample.jpg"」のように
表示する画像（URL）を指定します。 |
| alt= | "" |
「"サンプルです。"」のように
表示する画像の内容の説明・ 画像の代わりになるテキスト情報を指定します。 |
見出しの文字の位置
- 見出しの文字の位置を指定するには、h要素にalign属性を指定します。
- [使い方]
- <h1align="center"></h1>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- text-alignプロパティを指定します。
- [サンプル]
- .sample{text-align: center;}
| 属性 | 属性値 | 説明 |
|---|---|---|
| align= | "left" | 左端揃えに表示します。 |
| "center" | 中央揃えに表示します。 | |
| "right" | 右端揃えに表示します。 | |
| "justify" | 両端揃えに表示します。 |
サンプル
alignを指定
[ｂｏｄｙの中]
<h1 align="left">h1 左側</h1>
<h2 align="center">h2 中央</h3>
<h3 align="right">h3 右側</h6>
<h1 align="left">h1 左側</h1>
<h2 align="center">h2 中央</h3>
<h3 align="right">h3 右側</h6>
text-alignを指定
|
[ｂｏｄｙの中]
<h1 style="text-align: left;">h1・・左側</h1> <h2 style="text-align: center;">h3・・中央</h2> <h3 style="text-align: right;">h6・・右側</h3> |
|
[ブラウザ上] h1・・左側h3・・中央h6・・右側 |
