BODY タグ (<BODY>)、背景色、文字の色
簡単な HTML の書き方に戻る
COLOR CHART へ
BODY タグの書き方(<BODY>)
オプション設定で背景色の指定あるいは背景画像の指定をする。
書き方、
<BODY BGCOLOR="#rrggbb">
ここの、#rrggbb の中に以下の color chart 表の中の色の名前かカラーコード
をいれると背景色を指定できる。また、カラーコードの代わりに、
画像名(例えば、hogo.gif)を入れると、背景画像指定できる。
終了タグは </BODY>で指定し、通常は、
</BODY>
</HTML>
のように、HTML ファイルの終了を示す </HTML>
の直前に指定する。
BASEFONT タグの書き方(<BASEFONT>)
この BODY タグ に続けて、 BASEFONT タグ を入れると、
基準フォントサイズ，基準文字の色指定などが指定できる。
BASEFONT タグ の終了タグはいりません。
書き方、
<BODY BGCOLOR="#rrggbb">
<BASEFONT SIZE=4 color="#ff0000">
上の例では、基準フォントのサイズを 4 、文字の色を赤色に指定している。
デフォルト(指定の無い場合)では、基準サイズは 3 、文字色は黒である。
すなわち、指定の無い場合は、
<BASEFONT SIZE=3 color="#000000">
のようになっている。
簡単な HTML の書き方に戻る
color chart
簡単な HTML の書き方に戻る
BODY タグの書き方へ
| White, #ffffff |
|
Snow, #fffafa |
|
| GhostWhite, #f8f8ff |
|
FloralWhite, #fffaf0 |
|
| Linen, #faf0e6 |
|
AntiqueWhite, #faebd7 |
|
| PapayaWhip, #ffefd5 |
|
BlanchedAlmond, #ffebcd |
|
| Bisque, #ffe4c4 |
|
Moccasin, #ffe4b5 |
|
| NavajoWhite, #ffdead |
|
PeachPuff, #ffdab9 |
|
| MistyRose, #ffe4e1 |
|
LavenderBlush, #fff0f5 |
|
| Seashell, #fff5ee |
|
OldLace, #fdf5e6 |
|
| Ivory, #fffff0 |
|
Honeydew, #f0fff0 |
|
| MintCream, #f5fffa |
|
Azure, #f0ffff |
|
| AliceBlue, #f0f8ff |
|
lavender, #e6e6fa |
|
| Black,#000000 |
|
DarkSlateGray,#2f4f4f |
|
| DimGray,#696969 |
|
Gray,#808080 |
|
| DarkGray,#a9a9a9 |
|
Silver,#c0c0c0 |
|
| LightGrey,#d3d3d3 |
|
Gainsboro,#dcdcdc |
|
| LightSlateGray,#778899 |
|
SlateGray,#708090 |
|
| LightSteelBlue,#b0c4de |
|
SteelBlue,#4682b4 |
|
| RoyalBlue,#4169e1 |
|
MidnightBlue,#191970 |
|
| Navy,#0000cd |
|
DarkBlue,#00008b |
|
| MediumBlue,#0000cd |
|
Blue,#0000ff |
|
| DodgerBlue,#1e90ff |
|
CornflowerBlue,#6495ed |
|
| DeepSkyBlue,#00bfff |
|
LightSkyBlue,#87cefa |
|
| SkyBlue,#87ceeb |
|
LightBlue,#add8e6 |
|
| PowderBlue,#b0e0e6 |
|
PalaTurquoise,#afeeee |
|
| LightCyan,#e0ffff |
|
Cyan,#00ffff |
|
|---|
| Aqua,#00ffff |
|
Turquoise,#40e0d0 |
|
|---|
| MediumTurquoise,#48d1cc |
|
DarkTurquoise,#00cdd1 |
|
|---|
| LightSeaGreen,#20b2aa |
|
CadetBlue,#5f9ea0 |
|
|---|
| DarkCyan,#008b8b |
|
Teal,#008080 |
|
|---|
| SeaGreen,#2e8b57 |
|
DarkOliveGreen,#556b2f |
|
|---|
| DarkGreen,#006400 |
|
Green,#008000 |
|
|---|
| ForestGreen,#228b22 |
|
MediumSeaGreen,#3cb371 |
|
|---|
| DarkSeaGreen,#8fbc8f |
|
MediumAquamarine,#66cdaa |
|
|---|
| Aquamarine,#7fffd4 |
|
PaleGreen,#98fb98 |
|
|---|
| LightGreen,#90ee90 |
|
SpringGreen,#00ff7f |
|
|---|
| MediumSpringGreen,#00fa9a |
|
LawnGreen,#7cfc00 |
|
|---|
| Chartreuse,#7fff00 |
|
GreenYellow,#adff2f |
|
|---|
| Lime,#00ff00 |
|
LimeGreen,#32cd32 |
|
|---|
| YellowGreen,#9acd32 |
|
OliveDrab,#6b8e23 |
|
|---|
| Olive,#808000 |
|
Darkkhaki,#bdb76b |
|
|---|
| PaleGoldenrod,#eee8aa |
|
CornSilk,#fff8dc |
|
|---|
| Beige,#f5f5dc |
|
LightYellow,#ffffe0 |
|
|---|
| Lightgoldenrodyellow,#fafad2 |
|
LemonChiffon,#fffacd |
|
|---|
| Wheat,#f5deb3 |
|
Burlywood,#deb887 |
|
|---|
| Tan,#d2b48c |
|
Khaki,#f0e68c |
|
|---|
| Yellow,#ffff00 |
|
Gold,#ffd700 |
|
| Orange,#ffa500 |
|
SandyBrown,#f4a460 |
|
| DarkOrange,#ff8c00 |
|
Goldenrod,#daa520 |
|
| Peru,#cd853f |
|
DarkGoldenrod,#b8860b |
|
| Chocolate,#d2691e |
|
Sienna,#a0522d |
|
| SaddleBrown,#8b4513 |
|
Maroon,#800000 |
|
| DarkRed,#8b0000 |
|
Brown,#a52a2a |
|
| Firebrick,#b22222 |
|
IndianRed,#cd5c5c |
|
| RosyBrown,#bc8f8f |
|
DarkSalmon,#e9967a |
|
| LightCoral,#f08080 |
|
Salmon,#fa8072 |
|
| LightSalmon,#ffa07a |
|
Coral,#ff7f50 |
|
| Tomato,#ff6347 |
|
OrangeRed,#ff4500 |
|
| Red,#ff0000 |
|
Crimson,#dc143c |
|
| MediumVioletRed,#c71585 |
|
DeepPink,#ff1493 |
|
| HotPink,#ff69b4 |
|
PaleVioletRed,#db7093 |
|
| Pink,#ffc0cb |
|
LightPink,#ffb6c1 |
|
| Thistle,#d8bfd8 |
|
Magenta,#ff00ff |
|
| Fuchsia,#ff00ff |
|
Violet,#ee82ee |
|
| Plum,#dda0dd |
|
Orchid,#da70d6 |
|
| MediumOrchid,#ba55d3 |
|
DarkOrchid,#9932cc |
|
| DarkViolet,#9400d3 |
|
DarkMagenta,#8b008b |
|
| Purple,#800080 |
|
Indigo,#4b0082 |
|
| DarkSlateBlue,#483d8b |
|
BlueViolet,#8a2be2 |
|
| MediumPurple,#9370db |
|
SlateBlue,#6a5acd |
|
| MediumSlateBlue,#7b68ee |
|
Black,#000000 |
|
戻る