超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap

■ 見出し

見出し「34号のおへや」を目立つようにしましょう。

<font> タグを使ってもできるけど、ここでは見出しっぽく、見出しタグ <h1>〜</h1> を使いましょう。

見出しタグは <h1> から <h6> まであります。
<h1> が一番大きくて、<h6> が一番小さいです。<font> タグとは逆になります。
ちょっとやってみましょうか。

<h1>34号のおへや</h1>
<h2>34号のおへや</h2>
<h3>34号のおへや</h3>
<h4>34号のおへや</h4>
<h5>34号のおへや</h5>
<h6>34号のおへや</h6>

って書くと

34号のおへや

34号のおへや

34号のおへや

34号のおへや

34号のおへや
34号のおへや

てな具合になりました。

見出しだから、段落タグ <p> みたいに1行空くんですね。
あと、勝手に太字になってます。

ちなみに、<font> タグの最大は <font size="7"> で最小は <font size="1"> です。
同じように

<font size=1 color="brown">睡眠不足で体調わるいぞ!</font>
<font size=2 color="aqua">睡眠不足で体調わるいぞ!</font>
<font size=3 color="olive">睡眠不足で体調わるいぞ!</font>
<font size=4 color="green">睡眠不足で体調わるいぞ!</font>
<font size=5 color="lime">睡眠不足で体調わるいぞ!</font>
<font size=6 color="purple">睡眠不足で体調わるいぞ!</font>
<font size=7 color="fuchsia">睡眠不足で体調わるいぞ!</font>

って書くと

睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!
睡眠不足で体調わるいぞ!

こうなりました。<font size> タグと <font color> タグを使っています。


見出しの位置を変えます。やっぱ真ん中がいいね。
<h1 align="center"> で真ん中になります。
"center" の他に "left" または "rignt" があります。
もちろん<h6 align="center"> もできます。

<h1 align="center">34号のおへや</h1>

34号のおへや


このページの文字色を決めます。
<font color> タグを使わなければ、決めた文字色で表示されます。
文字色を「青」にする場合は <body text="blue">〜</body> と書きます。

<body> タグを使えば、ページの基本(デフォルト表示)を決めることができます。

1.<body text="カラーネーム">・・・文字の色
2.<body bgcolor="カラーネーム">・・・背景の色
3.<body background="ファイル名">・・・背景にイメージファイルを挿入
4.<body link="カラーネーム">・・・リンクする場所の文字色
5.<body vlink="カラーネーム">・・・前にリンクした場所(既読リンク)の文字色
6.<body alink="カラーネーム">・・・リンクを選択した場所(アクティブ)の文字色

などがあります。


見出しの下に線を入れます。
罫線タグは・・・これ <hr> ですね。

<hr size="4" width="90%" align="center" color="orangered">


線の太さ、長さ、色は自由に設定できます。

<hr size="10" width="200" align="center" color="violet">



■このページに出てきたタグ■

タグ名プロパティ説明
<h1>〜</h1>

<h1>→<h6> の順に小さくなっていく
alignleft見出し位置左寄せ(デフォルト)
center見出し位置真ん中
right見出し位置右寄せ
<body>〜</body>

ページ全体に関する設定
textカラーネームページのデフォルト文字色を指定
bgcolorカラーネームページの背景色を指定
backgroundURL / ファイル名ページの背景に挿入する画像を指定
linkカラーネームリンクする場所の文字色
vlinkカラーネーム既読リンクの文字色
alinkカラーネームアクティブリンクの文字色