テーブル6 -背景-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

テーブル6 -背景-

■ セルの背景色

<TR BGCOLOR="☆">～</TD>
☆=色の16進数か直接色名

<HTML>

<HEAD>
<TITLE>
パリーグ
</TITLE>
</HEAD>

<BODY>

<table width="400" border="1">
<tr>
<td width="200" rowspan="6">パリーグ</td>
<td width="200" bgcolor="#3399FF">西武</td>
</tr>
<tr>
<td bgcolor="red">近鉄</td>
</tr>
<tr>
<td bgcolor="black"><font color="#FFFFFF">ダイエー</font></td>
</tr>
<tr>
<td>ロッテ</td>
</tr>
<tr>
<td bgcolor="#FF9933">日ハム</td>
</tr>
<tr>
<td bgcolor="#003399"><font color="#FFFFFF">オリックス</font></td>
</tr>
</table>

</BODY>

</HTML>

パリーグ

パリーグ	西武
	近鉄
	ダイエー
	ロッテ
	日ハム
	オリックス

■ テーブルボーダーの色指定

<TABLE BORDER BORDERCOLOR="☆">～</TABLE>
<TABLE BORDER BORDERCOLORLIGHT="☆">～</TABLE>
外枠の左上
<TABLE BORDER BORDERCOLORDARK="☆">～</TABLE>
外枠の右下

☆=色の16進数か直接色名

<HTML>

<HEAD>
<TITLE>
パリーグ
</TITLE>
</HEAD>

<BODY>

<table width="400" border="1" bordercolor="#CC3300">
<tr>
<td width="200" rowspan="6">パリーグ</td>
<td width="200" bgcolor="#3399FF">西武</td>
</tr>
<tr>
<td bgcolor="red">近鉄</td>
</tr>
<tr>
<td bgcolor="black"><font color="#FFFFFF">ダイエー</font></td>
</tr>
<tr>
<td>ロッテ</td>
</tr>
<tr>
<td bgcolor="#FF9933">日ハム</td>
</tr>
<tr>
<td bgcolor="#003399"><font color="#FFFFFF">オリックス</font></td>
</tr>
</table>

</BODY>

</HTML>

パリーグ

パリーグ	西武
	近鉄
	ダイエー
	ロッテ
	日ハム
	オリックス

■ 背景画像

テーブルにも背景を付けられます。ただしテーブルの大きさに合わせた画像でないと、折り返しが見えたり画像が入りきらなかったりもします。
背景のように繰り返して表示させれる画像を用意するのも手です。

<TABLE BACKGROUND="☆">～</TABLE>
<TD BACKGROUND="☆">～</TD>
<TH BACKGROUND="☆">～</TH>
☆=イメージファイル名

<HTML>

<HEAD>
<TITLE>
パリーグ
</TITLE>
</HEAD>

<BODY>

<table width="400" border="1" background="back/back5.gif">
<tr>
<td width="200" rowspan="6"><font color="#FFFFFF">パリーグ</td>
<td width="200"><font color="#FFFFFF"><b>西武</b></font></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>近鉄</b></font></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>ダイエー</b></font></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>ロッテ</b></font></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>日ハム</b></font></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>オリックス</b></font></td>
</tr>
</table>

</BODY>

</HTML>

パリーグ

パリーグ	西武
	近鉄
	ダイエー
	ロッテ
	日ハム
	オリックス

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。