その４
簡単タグ講座 その４ ここまでくればあと一息
●だいぶタグを理解してきたと思いますが。最後にテーブルで囲んでみましょう。
テーブルとはこのページにもあるように文章が収まっている枠のこと。
テーブルはちょっと難しいのでまずは簡単に囲んでみましょう。
<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.
