4)セル幅(D)を固定したホームページ
   セル幅(D)を固定しているのでレイアウトの型崩れが発生していません。
   下のプログラムを入力して確認してください。
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。

<html>
<head>
<title>17.テーブルとスタイルシートを使ってホームページを作ってみる。</title>
<style type="text/css">
<!--
 .font1{font-size:10px}
-->
</style>
</head>
<body>
<div>17.テーブルとスタイルシートを使ってホームページを作ってみる。</div>
<table width="690" border="5" cellpadding="0" cellspacing="0">
 <tr>
  <td><img src="images/logo.gif" width="130" height="130"></td>
  <td colspan="3">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="560" height="130">
    <param name="movie" value="images/logo.swf">
    <param name="quality" value="high">
    <embed src="images/logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="560" height="130"></embed>
    </object>
  </td>
  </tr>
  <tr>
   <td colspan="2"><img src="images/image1.jpg" width="180" height="135"></td>
   <td width="330" valign="top" bgcolor="#FFFFCC" class="font1">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。</td>
   <td><img src="images/image1.jpg" width="180" height="135"></td>
  </tr>
  <tr>
   <td colspan="2"><img src="images/image2.jpg" width="180" height="135"></td>
   <td width="330" valign="top" bgcolor="#FFCCCC" class="font1">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。</td>
   <td><img src="images/image2.jpg" width="180" height="135"></td>
  </tr>
  <tr>
   <td colspan="2"><img src="images/image3.jpg" width="180" height="135"></td>
   <td width="330" valign="top" bgcolor="#CCFFFF" class="font1">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう30年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。しかし、どこの馬の骨かわからない遺伝子群を野に帰すわけには行かないだろう。とりあえず絶やさぬように育てていくつもりだ。</td>
   <td valign="top"><img src="images/image3.jpg" width="180" height="135"></td>
  </tr>
  <tr>
   <td height="17" bgcolor="#66FF00"></td>
   <td width="50" bgcolor="#FF0000"></td>
   <td bgcolor="#66FF00"></td>
   <td bgcolor="#66FF00"></td>
  </tr>

</table>
</body>
</html>

  このままだとボーダー線やダミーのが見えてしまっているので不可視の状態にして完成させたものがこちらです。