セルの内容の整列サンプル - HTMLサンプル集

TOP > HTMLサンプル集（テーブルに関するタグのサンプル集） > セルの内容の整列サンプル

このサンプルでは、セルの内容を整列させるalign属性を使用する方法をデモンストレーションします。

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

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <table width="400" border="1"> <tr> <th align="left">見出し1</th> <th align="right">見出し2</th> <th align="right">見出し3</th> </tr><tr> <td align="left">データ1</td> <td align="right">100</td> <td align="right">100</td> </tr><tr> <td align="left">データ2</td> <td align="right">100</td> <td align="right">100</td> </tr><tr> <td align="left">データ3</td> <td align="right">100</td> <td align="right">100</td> </tr><tr> <th align="left">合計</th> <th align="right">300</th> <th align="right">300</th> </tr> </table> </body> </html>

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

セルの背景色や背景画像を設定するサンプル

frame属性のサンプル

テーブルに関するタグのサンプル集のコンテンツ