| 本文<BODY> |
タグ 属性 サポート <body>
text="color"
link="color"
vlink="color"
alink="color"
bgcolor="color"
background="url"
bgproperties="fixed"
leftmargin="n"
topmargin="n"e2〜N2〜H2〜
e2〜N2〜H3〜
e2〜H2〜H3〜
e2〜H2〜H3〜
e4〜N2〜H3〜
e2〜N2〜H3〜
e2〜N2〜H3〜
e2〜
e2〜
e2〜
■ 説明
<body>〜</body>で囲まれた文字やイメージが、実際にホームページを開いた時に見えるところです。
<body>〜</body>はページ内に一度しか使いません。
<body>の属性値を指定することにより、背景色を変えたり、ページ全体の文字の色を指定したりできます。
■ 記述<body>〜</body>
<html>
<head>
<title></title>
</head>
<body>
ここが見えるところです。
</body>
</html>
■ 表示結果
●●のホームページ - Microsoft Internet Explorer ファイル(F） 編集(E） ここが見えるところです。
| ■ ページ全体の文字の色を指定 text |
■ 説明
<body>たぐのtextは、ページ全体の基本の文字の色を指定する属性があります。これを設定しない場合は、通常の「黒色」で表示されます。属性値には16進数やカラーネームを使います。
■ 記述<body text="color">〜<body>
<body>の後ろを書換えます。
<html>
<head>
<title></title>
</head>
<body text="Red">
ページ全体の基本色が指定されます
</body>
</html>
■ 表示結果
●●のホームページ - Microsoft Internet Explorer ファイル(F） 編集(E） ページ全体の基本色が指定されます
| ■ ページ全体のリンクの色を指定 |
■ 説明
<body>タグのlink、alink、vlinkにはそれぞれ、リンク色、訪問済みのリンク色、クリック中のリンク色を指定する属性があります。属性値には16進数やカラーネームを使います。
■ 記述<body link="color" alink="color" vlink="color">〜</body>
- link＝リンクの色→リンク
- alink＝クリック中の色→クリック中
- vlink＝訪問済みの色→訪問済み
<body>の後ろを書換えます。
<html>
<head>
<title></title>
</head>
<body link="#0000ff" alink="#ff0000" vlink="#800080">
</body>
</html>
| ■ ページの背景色を指定 |
■ 説明
<body>タグのbgcolorには、ページの背景色指定する属性があります。属性値には16進数やカラーネームを使います。
■ 記述<body bgclor="color">
<html>
<head>
<title></title>
</head>
<body bgcolor="#ffff00">
背景色は黄色です
</body>
</html>■ 表示結果
●●のホームページ - Microsoft Internet Explorer ファイル(F） 編集(E） 背景色は黄色です
| ■ ページの背景に画像を指定 |
■ 説明
<body>タグの、backgroundには背景に画像を使う属性があります。属性値には背景画像のURLを記述します。
URLはフルパスまたは相対パスで指定できます。
■ 記述<body background="URL">〜</body>
フルパスの場合はhttp://から全て記入。
<html>
<head>
<title></title>
</head>
<body background="xxx.gif">
背景に画像を使います。
</body>
</html>■ 表示結果
●●のホームページ - Microsoft Internet Explorer ファイル(F） 編集(E） 背景に画像を使います。
| ■ 背景画像を固定する <BACKGROUND"*" BGPROPERTIES="*"> |
■ 説明
backgroundに続き、bgproperties="fixed"と記述すると背景を固定することができます。
属性値にscrollと指定すると通常と同じになります。
■ 記述<body background="URL"bgproperties="fixed">〜<body>
<html>
<head>
<title></title>
</head>
<body background="画像のURL" bgproperties="fixed">
</body>
</html>
| ■ ページの余白を調整する <topmargin,leftmargin> |
■ 解説
<body>タグのleftmarginとtopmarginは、ページ余白（テキストやイメージとページ枠の隙間）を指定する属性があります。属性値は0〜?までを、ピクセルで指定できます。
■ 記述<body leftmargin="0〜" topmargin="0〜">
- leftmargin=左の隙間
- topmargin=上の隙間
<html>
<head>
<title></title>
</head>
<body leftmargin="0" topmargin="0">
数値を0にしてみました。ページとの隙間がなくなっているでしょ？
</body>
</html>■ 表示結果
●●のホームページ - Microsoft Internet Explorer ファイル(F） 編集(E） 数値を0にしてみました。ページとの隙間がなくなっているでしょ？
■ 片方だけの指定
どちらか片方だけ指定もできます。
<body leftmargin="0"> または
<body topmargin="0">
［HOME］