table要素の中で他の要素を使うサンプル

TOP > HTMLサンプル集（テーブルに関するタグのサンプル集） > table要素の中で他の要素を使うサンプル

このサンプルでは、table要素の内部で他の要素を表示する方法をデモンストレーションします。

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

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <table border="1"> <tr> <td> <p>これは段落です。</p> <p>これは段落です。</p> </td> <td>このセルには表が含まれています。 <table border="1"> <tr> <td>A</td> <td>B</td> </tr><tr> <td>C</td> <td>D</td> </tr> </table> </td> </tr><tr> <td>このセルにはリストが含まれています。 <ul> <li>りんご</li> <li>バナナ</li> <li>パイナップル</li> </ul> </td> <td>こんにちは</td> </tr> </table> </body> </html>

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