たまにはこういうのも良いかなと思ったので紹介したいと思います。
タグと使うと見た目が良く見えます。今日は表を作って行きたいと思います。
表のソースは以下の通りです。
<TABLE border="1">
<TBODY>
<TD> セル1 </TD>
<TD> セル2 </TD>
<TR>
<TD> セル3 </TD>
<TD> セル4 </TD>
</TBODY>
</TABLE>
【結果】
<TD>は列を表します。3つにすると3列に増えます。<TR>は行(改行)を表します。<TR>を入れると行が増えます。<TABLE>から</TABLE>をコピーしてタグ入力のボタンを押し、そこにペーストしてセルと書いている所を修正すれば2×2の表が完成です。
次に実用的な使い方をしたいと思います。
|
画像 |
商品名 |
属性(初期値) |
重複 |
染色 |
 |
ファスナーポケットシャツ |
可(-) |
不 |
可 |
| タトゥーコンピ半袖Tシャツ |
可(-) |
不 |
可 |
この表のソースは以下の通りです。
<TABLE border=1>
<TBODY>
<TR>
<TD><CENTER>画像</CENTER></TD>
<TD><CENTER>商品名</CENTER></TD>
<TD><CENTER>属性(初期値)</CENTER></TD>
<TD><CENTER>重複</CENTER></TD>
<TD><CENTER>染色</CENTER></TD>
<TR>
<TD><IMG src="http://www.milu.jp/UploadFile/tb_match_mail_master/2009/10/08/a.jpg" width=40 align=left></TD>
<TD>ファスナーポケットシャツ</TD>
<TD>可(-)</TD>
<TD>不</TD>
<TD>可</TD>
<TR>
<TD><IMG src="http://www.milu.jp/UploadFile/tb_match_mail_master/2009/10/08/b.jpg" width=40 align=left>
<TD>タトゥーコンピ半袖Tシャツ</TD>
<TD>可(-)</TD>
<TD>不</TD>
<TD>可</TD></TR></TBODY></TABLE>
他にも幅を変えたり色を付けたり色々出来ます。
皆様の参考になれば幸いです^^