空白セルのサンプル

TOP > HTMLサンプル集（テーブルに関するタグのサンプル集） > 空白セルのサンプル

このサンプルでは、内容を持っていないセルを扱うために「 」を使用する方法をデモンストレーションします。

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

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <table border="1"> <tr> <td>データ</td> <td>データ</td> </tr><tr> <td></td> <td>データ</td> </tr> </table> <p> セルの内の1つは境界線を持っていません。それはデータが空だからです。セルにスペースを直接挿入しても境界線は表示されません。 </p> <p> これを解決する方法は、セルに<a href="http://www.html-cool.com/reference/entities.html">実体参照</a>のスペースを挿入することです。 </p> </body> </html>

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