サイト内検索

...HTML・XHTMLタグ...

table

ページのレイアウト

ページ(html)を作る
<td></td>の間に、文字や画像などの代わりに
「html」を入れると、ページ(html)ができます。

サンプル

《左右2面のレイアウト》

[bodyの中]

<table border="0"width="300">
<tr>
<td valign="top" width="200">
<iframe name="yellow" src="yellow.html" align="left"
width="200" height="80" frameborder="0" scrolling="no">
</iframe>
</td>
<td>
<iframe name="green" src="green.html" align="right"
width="100" height="80" frameborder="0" scrolling="no">
このページは iframe 対応のブラウザで見てください。
</iframe>
</td>
</tr>
</table>

[ブラウザ上]

yellow.html green.html

《左・右上下2面のレイアウト》

[bodyの中]

<table border="0" width="300">
<tr>
<td rowspan="2" valign="top" width="150">
<iframe name="blue" src="blue.html" align="left"
width="150" height="100" frameborder="0" scrolling="no">
</iframe>
</td>
<td>
<iframe name="yellow" src="yellow.html" align="up"
width="150" height="20" frameborder="0" scrolling="no">
</iframe>
</td>
</tr>
<tr>
<td>
<iframe name="green" src="green.html" align="down"
width="150" height="80" frameborder="0" scrolling="no">
このページは iframe 対応のブラウザで見てください。
</iframe>
</td>
</tr>
</table>

[ブラウザ上]

blue.html yellow.html
green.html

Copyright c 2007.10.01 luc All rights reserved.