HTMLのキホン(1)の続き
今回はBODYタグの話。
ここはページ本文に表示される部分です。
背景や色に関する属性
| 属性 | 説明 |
|---|---|
| bgcolor | 背景の色 |
| background | 背景の画像 |
| text | 文字の基本色 |
| link | リンク文字の色 |
| vlink | アクセス済みのリンクの色 |
| alink | クリックした時のリンク文字の色 |
ほとんどのブラウザで対応はしているようです。
[参考記事] 非推奨の要素と属性
色の指定は#で始まるカラーコードか、redなどのカラーネームを使います。
[参考記事] 簡単カラーチャート
例
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#006699" alink="#333333">
背景画像を指定するときには、それに似た背景色も指定します。
[参考記事] BODYの背景色について
<body bgcolor="#fbdddb" background="img/back.gif" text="#000000" link="#0000ff" vlink="#006699" alink="#333333">
余白に関する属性
| 属性 | 説明 |
|---|---|
| Internet Explorer、Opera | |
| topmargin | 上下の余白をピクセル数で指定します |
| leftmargin | 左右の余白をピクセル数で指定します |
| bottommargin | 下の余白をピクセル数で指定します |
| rightmargin | 右の余白をピクセル数で指定します |
| Netscape、Firefox、Opera | |
| marginwidth | 上下の余白をピクセル数で指定します |
| marginheight | 左右の余白をピクセル数で指定します |
スタイルシート(CSS)で指定する場合には単純にBODYタグだけでいいです。
<body>
………
…
………
</body>
HTMLのキホン(1)とまとめると次のような感じです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>タイトル</title>
</head>
<body>
………
…
………
</body>
<html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>タイトル</title>
</head>
<body>
………
…
………
</body>
<html>
