本文<BODY>

HOME > HTML > 本文<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>

<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〜">

<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