テーブルを使った簡単なレイアウトのサンプル

TOP > HTMLサンプル集（テーブルに関するタグのサンプル集） > テーブルを使った簡単なレイアウトのサンプル

このサンプルでは、HTMLページの一部を、新聞欄のようなカラムに分割する方法をデモンストレーションします。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <table border="0" width="100%" cellpadding="10"> <tr> <td width="50%" valign="top"> ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。 </td> <td width="50%" valign="top"> ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。ここに文章。 </td> </tr> </table> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。