Purple town

Purple town

その4

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



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

<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.
X

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: