<html>
<head>
<title>テーブルを作る−3</title>
</head>
<body bgcolor="#ffffcc">
<center>
<font color="#00cc66">
<h2>テーブルを作る−3</h2>
</font>
<br>
<table border="1" cellpadding="6" cellspacing="0">
<caption><font size="+1"><b>デジカメ調査 A</b></font></capion>
<tr bgcolor="#ffcccc">
<th>画素数</th><th>製品名</th>
<th>価格（万円）</th></tr>
<tr bgcolor="#ccffff">
<td rowspan="3">約100万</td>
<td>CAMEDIA C-100</td>
<td align="right">1.6</td></tr>
<tr bgcolor="#ccffff">
<td>PowerShot A100</td>
<td align="right">1.8</td></tr>
<tr bgcolor="#ccffff">
<td>DC215 Zoom</td>
<td align="right">2.0</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="5">約200万</td>
<td>FinePixA201</td>
<td align="right">2.1</td></tr>
<tr bgcolor="#ffcccc">
<td>CP-80Z</td>
<td align="right">2.6</td></tr>
<tr bgcolor="#ffcccc">
<td>DSC-P31</td>
<td align="right">2.7</td></tr>
<tr bgcolor="#ffcccc">
<td>sora T10</td>
<td align="right">2.8</td></tr>
<tr bgcolor="#ffcccc">
<td>IXY DIGITAL 300</td>
<td align="right">4.3</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="5">約300万</td>
<td>QV-3000EX</td>
<td align="right">3.3</td></tr>
<tr bgcolor="#ccffff">
<td>DSC-P3</td>
<td align="right">4.0</td></tr>
<tr bgcolor="#ccffff">
<td>FinePix6800Z</td>
<td align="right">4.4</td></tr>
<tr bgcolor="#ccffff">
<td>RDC-i500</td>
<td align="right">4.5</td></tr>
<tr bgcolor="#ccffff">
<td>COOLPIX 885</td>
<td align="right">4.6</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="4">約400万</td>
<td>Finecam S4</td>
<td align="right">5.3</td></tr>
<tr bgcolor="#ffcccc">
<td>CAMEDIA C-40</td>
<td align="right">5.7</td></tr>
<tr bgcolor="#ffcccc">
<td>オプティオ430</td>
<td align="right">7.1</td></tr>
<tr bgcolor="#ffcccc">
<td>PowerShot G2</td>
<td align="right">7.7</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="3">約500万</td>
<td>COOLPIX 5000</td>
<td align="right">10.2</td></tr>
<tr bgcolor="#ccffff">
<td>DiMAGE 7i</td>
<td align="right">10.6</td></tr>
<tr bgcolor="#ccffff">
<td>DSC-F707</td>
<td align="right">10.8</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="2">約600万</td>
<td>FinePix S1 Pro</td>
<td align="right">25.3</td></tr>
<tr bgcolor="#ffcccc">
<td>EOS D60</td>
<td align="right">26.2</td></tr>
</table>
<br>
<br>
<br>
<table border="0" cellpadding="10" cellspacing="0">
<caption><font size="+1"><b>デジカメ調査 B</b></font></capion>
<tr><td>
<table border="1" cellpadding="6" cellspacing="0">
<tr bgcolor="#ffcccc" width="80">
<th>画素数</th>
<th width="120">製品名</th>
<th width="100" nowrap>価格（万円）</th></tr>
<tr bgcolor="#ccffff">
<td rowspan="3">約100万</td>
<td>CAMEDIA C-100</td>
<td align="right">1.6</td></tr>
<tr bgcolor="#ccffff">
<td>PowerShot A100</td>
<td align="right">1.8</td></tr>
<tr bgcolor="#ccffff">
<td>DC215 Zoom</td>
<td align="right">2.0</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="5">約200万</td>
<td>FinePixA201</td>
<td align="right">2.1</td></tr>
<tr bgcolor="#ffcccc">
<td>CP-80Z</td>
<td align="right">2.6</td></tr>
<tr bgcolor="#ffcccc">
<td>DSC-P31</td>
<td align="right">2.7</td></tr>
<tr bgcolor="#ffcccc">
<td>sora T10</td>
<td align="right">2.8</td></tr>
<tr bgcolor="#ffcccc">
<td nowrap>IXY DIGITAL 300</td>
<td align="right">4.3</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="5" nowrap>約300万</td>
<td>QV-3000EX</td>
<td align="right">3.3</td></tr>
<tr bgcolor="#ccffff">
<td>DSC-P3</td>
<td align="right">4.0</td></tr>
<tr bgcolor="#ccffff">
<td>FinePix6800Z</td>
<td align="right">4.4</td></tr>
<tr bgcolor="#ccffff">
<td>RDC-i500</td>
<td align="right">4.5</td></tr>
<tr bgcolor="#ccffff">
<td>COOLPIX 885</td>
<td align="right">4.6</td></tr>
</table>
</td><td width="2"> </td>
<td valign="top">
<table border="1" cellpadding="6" cellspacing="0">
<tr bgcolor="#ffcccc" width="80">
<th>画素数</th>
<th width="120">製品名</th>
<th width="100" nowrap>価格（万円）</th></tr>
<tr bgcolor="#ccffff">
<td rowspan="4" nowrap>約400万</td>
<td>Finecam S4</td>
<td align="right">5.3</td></tr>
<tr bgcolor="#ccffff">
<td nowrap>CAMEDIA C-40</td>
<td align="right">5.7</td></tr>
<tr bgcolor="#ccffff">
<td>オプティオ430</td>
<td align="right">7.1</td></tr>
<tr bgcolor="#ccffff">
<td>PowerShot G2</td>
<td align="right">7.7</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="3">約500万</td>
<td>COOLPIX 5000</td>
<td align="right">10.2</td></tr>
<tr bgcolor="#ffcccc">
<td>DiMAGE 7i</td>
<td align="right">10.6</td></tr>
<tr bgcolor="#ffcccc">
<td>DSC-F707</td>
<td align="right">10.8</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="2">約600万</td>
<td>FinePix S1 Pro</td>
<td align="right">25.3</td></tr>
<tr bgcolor="#ccffff">
<td>EOS D60</td>
<td align="right">26.2</td></tr>
</table>
</td></tr>
</table>
<br>
<br>
<br>
<!-- ↓外側テーブル -->
<table border="1" cellpadding="10" cellspacing="0">
<caption><font size="+1"><b>デジカメ調査 B-2</b></font></capion>
<!-- ↓外側テーブル1列目のデータ -->
<tr><td>
<table border="1" cellpadding="6" cellspacing="0">
<tr bgcolor="#ffcccc" width="80">
<th>画素数</th>
<th width="120">製品名</th>
<th width="100" nowrap>価格（万円）</th></tr>
<tr bgcolor="#ccffff">
<td rowspan="3">約100万</td>
<td>CAMEDIA C-100</td>
<td align="right">1.6</td></tr>
<tr bgcolor="#ccffff">
<td>PowerShot A100</td>
<td align="right">1.8</td></tr>
<tr bgcolor="#ccffff">
<td>DC215 Zoom</td>
<td align="right">2.0</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="5">約200万</td>
<td>FinePixA201</td>
<td align="right">2.1</td></tr>
<tr bgcolor="#ffcccc">
<td>CP-80Z</td>
<td align="right">2.6</td></tr>
<tr bgcolor="#ffcccc">
<td>DSC-P31</td>
<td align="right">2.7</td></tr>
<tr bgcolor="#ffcccc">
<td>sora T10</td>
<td align="right">2.8</td></tr>
<tr bgcolor="#ffcccc">
<td nowrap>IXY DIGITAL 300</td>
<td align="right">4.3</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="5" nowrap>約300万</td>
<td>QV-3000EX</td>
<td align="right">3.3</td></tr>
<tr bgcolor="#ccffff">
<td>DSC-P3</td>
<td align="right">4.0</td></tr>
<tr bgcolor="#ccffff">
<td>FinePix6800Z</td>
<td align="right">4.4</td></tr>
<tr bgcolor="#ccffff">
<td>RDC-i500</td>
<td align="right">4.5</td></tr>
<tr bgcolor="#ccffff">
<td>COOLPIX 885</td>
<td align="right">4.6</td></tr>
</table>
</td>
<!-- ↓外側テーブル2列目のデータは全角スペースだけ -->
<td width="2"> </td>
<!-- ↓外側テーブル3列目のデータ -->
<td valign="top">
<table border="1" cellpadding="6" cellspacing="0">
<tr bgcolor="#ffcccc" width="80">
<th>画素数</th>
<th width="120">製品名</th>
<th width="100" nowrap>価格（万円）</th></tr>
<tr bgcolor="#ccffff">
<td rowspan="4" nowrap>約400万</td>
<td>Finecam S4</td>
<td align="right">5.3</td></tr>
<tr bgcolor="#ccffff">
<td nowrap>CAMEDIA C-40</td>
<td align="right">5.7</td></tr>
<tr bgcolor="#ccffff">
<td>オプティオ430</td>
<td align="right">7.1</td></tr>
<tr bgcolor="#ccffff">
<td>PowerShot G2</td>
<td align="right">7.7</td></tr>
<tr bgcolor="#ffcccc">
<td rowspan="3">約500万</td>
<td>COOLPIX 5000</td>
<td align="right">10.2</td></tr>
<tr bgcolor="#ffcccc">
<td>DiMAGE 7i</td>
<td align="right">10.6</td></tr>
<tr bgcolor="#ffcccc">
<td>DSC-F707</td>
<td align="right">10.8</td></tr>
<tr bgcolor="#ccffff">
<td rowspan="2">約600万</td>
<td>FinePix S1 Pro</td>
<td align="right">25.3</td></tr>
<tr bgcolor="#ccffff">
<td>EOS D60</td>
<td align="right">26.2</td></tr>
</table>
</td></tr>
</table>
<br>
<br>
<br>
<br>
<br>
<table border="0" bgcolor="#ddffff">
<caption><font size="+2"><b>テーブルを使用したレイアウト</b>
</font></caption>
<tr><td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" height="20"> </td>
<td width="180"> </td>
<td width="76"> </td>
<td width="97"> </td>
<td width="303"> </td>
<td width="292"> </td>
<td width="20" rowspan="6"> </td>
</tr>
<tr>
<td height="120"> </td>
<td background="ichijiku-s.jpg" align="right" valign="bottom"
colspan="2" rowspan="2">
<font color="#ffffff"><b>いちじくの若葉</b></font></td>
<td align="center" colspan="2" rowspan="3"
width="400" height="330">
<table border="0" bgcolor="#0099cc"
cellpadding="4" cellspacing="0">
<tr><td>
<table border="0" cellpadding="6" cellspacing="0"
bgcolor="#ffffff">
<tr><td align="center">
<table border="0" cellpadding="10" cellspacing="0">
<tr><td bgcolor="#88cc33" align="center">
<font size="+3" color="#ffffff">
<b>若葉の部屋</b></font>
</td></tr>
</table>
</td></tr>
<tr><td bgcolor="#0099cc" align="center">
<font size="+2" color="#ffffff">こねこの家</font>
</td></tr>
</table>
</td></tr>
</table><br><br>
<font color="#668800" size="+1">
<b>いろいろな若葉を集めてみました。</b></font>
</td>
<td> </td>
</tr>
<tr>
<td height="116"> </td>
<td background="kaede.jpg" align="right"
valign="bottom" rowspan="2">
<font color="#ffffff"><b>かえでの若葉</b></font></td>
</tr>
<tr>
<td height="94"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td height="219"> </td>
<td> </td>
<td colspan="2"><IMG src="kiui.jpg"
width="173" height="219"></td>
<td colspan="2">← これはキウイの若葉です。<br>
よーく見るとクモが！</td>
</tr>
<tr>
<td height="20" colspan="6" > </td>
</tr>
</table>
</td></tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- ↓外枠のテーブル -->
<table border="2" bgcolor="#ddffff">
<caption><font size="+2"><b>「テーブルを使用したレイアウト」
の種あかし</b></font></caption>
<tr><td>
<!-- ↓全体の枠組みを決めるテーブル -->
<table border="1" cellpadding="0" cellspacing="0">
<tr><!-- 1行目 -->
<td width="20" height="20"> </td>
<td width="180"> </td>
<td width="76"> </td>
<td width="97"> </td>
<td width="303"> </td>
<td width="292"> </td>
<td width="20" rowspan="6"> </td>
</tr>
<tr><!-- 2行目 -->
<td height="120"> </td>
<td background="ichijiku-s.jpg" align="right" valign="bottom"
colspan="2" rowspan="2"><font color="#ffffff">
<b>いちじくの若葉</b></font></td>
<td align="center" colspan="2" rowspan="3"
width="400" height="330">
<!-- ここからタイトル表示用テーブル
↓背景の青を表示させるためのテーブル
cellpaddingの値で青枠の太さが決まる -->
<table border="1" bgcolor="#0099cc"
cellpadding="4" cellspacing="0">
<tr><td>
<!-- ↓緑の背景の周囲の白い枠を表示させるためのテーブル
cellpaddingの値で白枠の太さが決まる -->
<table border="1" cellpadding="6" cellspacing="0"
bgcolor="#ffffff">
<tr><td align="center">
<!-- ↓緑の背景に「若葉の部屋」を表示させるテーブル -->
<table border="1" cellpadding="10" cellspacing="0">
<tr><td bgcolor="#88cc33" align="center">
<font size="+3" color="#ffffff">
<b>若葉の部屋</b></font>
</td></tr>
</table>
</td></tr>
<tr><td bgcolor="#0099cc" align="center">
<font size="+2" color="#ffffff">こねこの家</font>
</td></tr>
</table>
</td></tr>
</table><br><br>
<font color="#668800" size="+1">
<b>いろいろな若葉を集めてみました。</b></font>
</td>
<td> </td>
</tr>
<tr><!-- 3行目 -->
<td height="116"> </td>
<td background="kaede.jpg" align="right"
valign="bottom" rowspan="2">
<font color="#ffffff"><b>かえでの若葉</b></font></td>
</tr>
<tr><!-- 4行目 -->
<td height="94"> </td>
<td colspan="2"> </td>
</tr>
<tr><!-- 5行目 -->
<td height="219"> </td>
<td> </td>
<td colspan="2"><IMG src="kiui.jpg"
width="173" height="219"></td>
<td colspan="2">← これはキウイの若葉です。<br>
よーく見るとクモが！</td>
</tr>
<tr><!-- 6行目 -->
<td height="20" colspan="6"> </td>
</tr>
</table>
</td></tr>
</table>
<br>
<br>
<br>
</center>
</body>
</html>
|