| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

TABLEを使う(基本3)

▼テーブルの幅と枠線の太さと枠線の色を指定する

<table>の中に、widthは横幅、heightは縦幅を指定できます。 cellpaddingはテーブル枠と枠内の文字や画像などの間隔。cellspacingは枠線自体の太さを指定できます。

<table width="横幅" height="縦幅" cellpadding="テーブル枠と枠内の文字や画像などの間隔" cellspacing="枠線自体の太さ">
<tr>
<td>〜</td>
<td>〜</td>
<td>〜</td>
<td>〜</td>
<td>〜</td>
</tr>
</table>

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099">
<h1>HP作成支援 </h1>
<font color="#FF0000">HTMLを作成してみましょう</font><br>
<table width="500" height="100" border="5" cellpadding="20" cellspacing="3" bordercolor="#3300FF" bgcolor="#000000">
<tr>
<td>テーブルの横幅はwidth、縦幅はheight</td>
<td> cellpaddingはテーブル枠と枠内の文字や画像などの間隔</td>
<td>cellspacingは枠線自体の太さr</td>
<td>枠線の太さはborder、枠線の色はbordercolor、背景色はbgcolor</td>
<td>アレンジしてみてください。</td>
</tr>
</table>
</body>
</html>

サンプルページ

▼セルの幅と枠線の太さと背景色を指定する

<td>の中に、width="横幅"、height="縦幅"、bgcolor="背景色"で幅を指定できます。

<table border="5" bordercolor="#3300FF">
<tr>
<td width="横幅" height="縦幅" bgcolor="背景色">〜</td>
<td width="横幅" height="縦幅" bgcolor="背景色">〜</td>
<td width="横幅" height="縦幅" bgcolor="背景色">〜</td>
<td width="横幅" height="縦幅" bgcolor="背景色">〜</td>
<td width="横幅" height="縦幅" bgcolor="背景色">〜</td>
</tr>
</table>

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
<table>
<tr>
<td width="100" height="200" bgcolor="#CCCCCC">セルの</td>
<td width="100" height="200" bgcolor="#CCCCCC">横幅はwidth、縦幅はheight</td>
<td width="100" height="200" bgcolor="#CCCCCC">背景色はbgcolor</td>
<td width="100" height="200" bgcolor="#CCCCCC">必要に応じて</td>
<td width="100" height="200" bgcolor="#CCCCCC">アレンジしてみてください。</td>
</tr>
</table>
</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.