| TOP | 基本 Webページ作成 | 基本 背景 | 基本 テキスト | 基本 テキスト装飾 |
| 基本 イメージ挿入 | 基本 イメージと文字列 | 基本 ハイパーリンク | 基本 テーブル | スタイルシートとは |
簡単!ホームページ作成


基本 背景

背景に色をつけたり、画像を張り付けたりすることができます。

1.背景色を設定する

<body bgcolor=”●”>~</body> ●=16ビットRGBカラー値、もしくはカラーネーム

・bgcolor属性

<body>タグにbgcolor属性を加えると、背景色を設定することができます。色の指定には、6ケタのRGB値を用います。タグに入力するときは頭に「#」を付けて記述します。
また、RGB値のかわりにカラーネームを用いることもできます。以下の16色のカラーネームが定義されています。

色名 RGB値 色名 RGB値
Black #0000000 Blue #0000ff
Gray #808080 Fuchsia #ff00ff
Silver #c0c0c0 Maroon #800000
White #ffffff Olive #808000
Yellow #ffff00 Red #ff0000
Green #008000 Lime #00ff00
Teal #008080 Aqua #00ffff
Purple #800080 Navy #000080

・例

<body bgcolor=”●”>~</body>に「Aqua」を指定してみます。index.htmlを上書き保存してブラウザで開いてみます。
コード・・・<body bgcolor=Aqua>~</body>

sample02

2.背景に画像を貼りつける

<body background=”●”>~</body> ●=画像ファイル名

・background属性

<body>タグにbackground属性を加えると、Webページの背景に画像を貼り付けられます。使用できる画像のファイル形式は、gifもしくはjpg形式です。画像は指定がない限り、繰り返し表示されます。

・例

<body background=”●”>~</body>に「bg_01」という名前で保存した画像を張り付けてみます。index.htmlを上書き保存してブラウザで開いてみます。
コード・・・<body background"="bg_01">~</body>

sample03




■支援リンク 特12 6/4