■ >>> body


bodyタグは、そのページの背景、文字の色やサイズなどの基本設定します。

タグ 説明
<body></body> 設定なし
<body bgcolor="色"></body> ページの背景の色を設定
<body background="ファイル名"></body>  画像2 ページの背景に画像を設定  元画像  元画像2
<body text="色"></body> 文字の色を設定
<body link="色" alink="色" vlink="色"></body> リンクの設定
link:リンク文字の色(未訪問)
alink:リンク文字の色(選択中)
vlink:リンク文字の色(訪問済み)
<basefont size="値"> 文字の基本設定



    【 注意 】
  • bodyタグは、そのページの基本(例えば背景など)を設定しますが、「CSS」を使用している場合は「CSS」で設定してください。


■ >>> font


fontタグはフォントの大きさ、色など指定します。サイズをsize、カラーをcolorの属性で指定し、設定します。
サイズは1〜7までの整数で、デフォルト値は「size= "3"」です。 また、現在のフォントサイズに対して「+」「-」で指定(相対)することも可能です。
カラーは、RGBの16進数で色指定するか、 「red」や「blue」のようなカラーネームで指定します。

 <font size="値">文字列</font>
 <font color="値">文字列</font>
 <font size="値" color="値">文字列</font>



タグ 表示
<font size="3">デフォルト</font> デフォルト
<font size="+2">相対値+2</font> 相対値+2
<font color="#ff0000">色 赤</font> 色 赤
<font size="7" color="#0000ff">青 size7</font> 青 size7

    【 注意 】
  • フォントのサイズや書体などは、「CSS」で設定してください。
  • fontタグはあまり使用しないようにしましょう。


■ >>> 他のタグでfontを設定


タグ 表示
<b>太字</b> 太字
<strong>強い強調(太文字)</strong> 強い強調(太文字)
<i>斜体文字</i> 斜体文字
<em>強い強調(斜体)</em> 強い強調(斜体)
<big>大きめ文字</big> 大きめ文字
<small>小さめ文字</small> 小さめ文字
<u>下線</u> 下線
<s>取り消し線</s> 取り消し線
<tt>等幅フォント</tt> 等幅フォント


■ >>> 見出し文字


HはHeading(見出し(章題))の意味です。見出しのレベルはh1〜h6まであり、h1 が一番大きな見出しになります。

 <h1>文字列</h1>



タグ 表示
 <h1>見出しH1</h1>

見出しH1

 <h3>見出しH3</h3>

見出しH3

 <h6>見出しH6</h6>
見出しH6


■ >>> 特殊文字


左括弧「<」、右括弧「>」、アンパーサンド 「&」、 二重引用符「"」の4つの記号は、HTMLでは特殊な意味を持ちます。 これらの記号は文章中に使用することができず、使用するときは次のように記述します。

名前 特殊文字 表示
左括弧 &lt; <
右括弧 &gt; >
アンパーサンド &amp; &
二重引用符 &quot; "


■ >>> 水平線 hr


ページに水平線を表示します。hrタグは、終了タグがありません。水平線の長さや太さ、色などを設定することができます。

 <hr>-------終了タグがない場合(〜HTML 4.01)
 <hr />-------終了タグがない場合(XHTML 1.1〜)



タグ 内容 表示
<hr /> ---
<hr width="50" /> 線の長さをピクセル単位かパーセンテージ(width="10%")で指定します。
<hr size="4" /> 線の幅をピクセル単位で指定します。
<hr color="#ff0000" /> 線の色を指定します。
<hr align="right" width="50" /> 表示位置を指定します。 左寄せ「left」、中央「center」、右寄せ「right」
<hr noshade size="4" /> 平面的な線で表示します(影なし)。


■ >>> カラー


背景の色や文字の色を指定する場合に用います。
カラーを指定する場合、RGBの16進数で色指定を行うか、 「red」や「blue」のようなカラーネームで指定することも可能です。
例1(白):<bgcolor="#FFFFFF">
例2(赤):<font color="#FF0000">
# R G B
# FF FF FF
# 00(黒)⇔FF(赤) 00(黒)⇔FF(緑) 00(黒)⇔FF(青)

16進数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
0 1 2 3 4 5 6 7 8 9 a b c d e f




Copyright (C) 2009-2010 SASAKI. All Rights Reserved.