<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DeMo.html　テーブル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

</head>

<body topmargin="30" leftmargin="100" rightmargin="100">

<table border="1" bordercolor="red" width="750" height="600" cellspacing="1" cellpadding="0" bgcolor="pink">
<tr>
<td colspan="2" height="100" align="center">
例えば、ここにタイトル
</td>
</tr>


<tr>
<td colspan="2" height="100">

<table border="2" bordercolor="blue" height="97" bgcolor="#ffffff">
<tr>
<td width="435" height="90" rowspan="2" align="center">
例えばここに最近の更新記録の<br />
数回分を並べてみたり。
</td>

<td width="290" height="43" align="center"> 例えばここに検索バー
</td>
</tr>

<tr>
<td width="290" height="43" align="center">
例えばここにアクセスカウンター
</td>
</tr>
</table>

</td>
</tr>


<tr>
<td width="440" height="390" align="center">
例えば、ここに写真やイラスト
</td>

<td align="right">

<table border="2" bordercolor="#000000" width="290" height="390" bgcolor="#eeeeee">
<tr>
<td width="140" heigth="130" rowspan="2">
例えば広告１
</td>

<td width="140" heigth="60">
例えば広告２
</td>
</tr>

<tr>
<td width="140" heigth="60">
例えば広告３
</td>
</tr>

<tr>
<td colspan="2" align="center">
リンク１
</td>
</tr>

<tr> <td colspan="2" align="center"> リンク２
</td> </tr>
<tr>
<td colspan="2" align="center">
リンク３
</td>
</tr>

<tr>
<td colspan="2" align="center">
リンク４
</td>
</tr>

<tr>
<td colspan="2" align="right" valign="bottom">
例えば注意書きなど
</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>
戻る