158526 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

Purple town

Purple town

その４

簡単タグ講座　その４　ここまでくればあと一息



●だいぶタグを理解してきたと思いますが。最後にテーブルで囲んでみましょう。
テーブルとはこのページにもあるように文章が収まっている枠のこと。
テーブルはちょっと難しいのでまずは簡単に囲んでみましょう。

<center><!--中央に寄せる-->
<TABLE><!--テーブル開始 -->
<TR><!--セル改行開始 -->
<TD bgcolor="pink"><!--セルの背景色をピンクにする -->
囲んでみよう
</TD><!--セル終了 -->
</TR><!--セル改行終了 -->
</TABLE><!--テーブル終了 -->
</center><!--中央に寄せるのを終了-->

実際に表示すると以下のようになります。

囲んでみよう


<TR>は縦段を増やし<TD>は横の段を増やします

<center><!--中央に寄せる-->
<TABLE><!--テーブル開始 -->
<TR><!--セル改行開始 -->
<TD bgcolor="pink"><!--セルの背景色をピンクにする -->
横に増える
</TD><!--セル終了 -->
<TD bgcolor="pink"><!--セルの背景色をピンクにする -->
横に増える
</TD><!--セル終了 -->
</TR><!--セル改行終了 -->
</TABLE><!--テーブル終了 -->
</center><!--中央に寄せるのを終了-->

実際に表示すると以下のようになります。

横に増える 横に増える


<center><!--中央に寄せる-->
<TABLE><!--テーブル開始 -->
<TR><!--セル改行開始 -->
<TD bgcolor="pink"><!--セルの背景色をピンクにする -->
縦に増える
</TD><!--セル終了 -->
</TR><!--セル改行終了 -->
<TR><!--セル改行開始 -->
<TD bgcolor="pink"><!--セルの背景色をピンクにする -->
縦に増える
</TD><!--セル終了 -->
</TR><!--セル改行終了 -->
</TABLE><!--テーブル終了 -->
</center><!--中央に寄せるのを終了-->

実際に表示すると以下のようになります。

縦に増える
縦に増える

© Rakuten Group, Inc.