★☆テレビ、ドラマ大好き！…☆★

表（テーブル）の作成

アフィリエイトをやってて、次に興味があるのはこのテーブル組でしょうか。
テンプレートのフリー素材をもらってきたんだけど、これってどうやるの？
自分でも作れないの？
そう思ってる方もいらっしゃるはず。

まずテーブル組の基本のタグは<TABLE> </TABLE>です。
その中で横の列を表す行タグ<TR>　</TR>と
縦の列を表す列タグ<TD>　</TD>で囲んで使います。

例で見てください

***記入例***

<TABLE BORRDER>
<TR>
<TD>1行目１列</TD>
<TD>1行目２列</TD>
<TD>1行目３列</TD>
　</TR>
<TR>
<TD>2行目1列</TD>
<TD>2行目2列</TD>
<TD>2行目3列</TD>
</TR>
<TABLE>

***表示例***

↑上のタグを実際に表すとこうなります
関係をよく見るとわかってくると思います。

1行目1列	1行目２列	１行目３列
2行目１列	２行目２列	2行目3列

ここで最初に<TABLE BORRDER>とありますが、このBORDERはテーブルの枠の太さを表します。普通であればBORDER＝”2”というように数値を入れますが、これは何も数がありません。
この場合は無条件で”1”で表示されることになります。枠を厚くしたいなら数値を大きくすればOKです。
<TABLE BORRDER="4">というように。

4だとこんな太さ

ひとつひとつの列、行の色を変えたりすることもできますし
もちろん画像を入れて表示したり、それをそのままリンクにすることも可能です。

***記入例***

<TABLE BORDER>
　<TR>
　　<TD><FONT COLOR="red">ここは色を赤くしてみよう</FONT></TD>
　　<TD><FONT SIZE="+2">ここは文字を大きくしてみよう</FONT></TD>
　　<TD>写真を載せちゃおっと<img src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/fragrance/img64/img1005826729.jpeg" border=0 alt="≪グッチ≫グッチ　オーデパルファム2　EDP・SP　50ml　【送料無料】"></TD>
　</TR>
　<TR>
　　<TD><I>ここの文字は斜めに</I></TD>
　　<TD><B>じゃあここは太字に</B></TD>
　　<TD>さらにそれをリンクにしちゃおう<a href="http://pt.afl.rakuten.co.jp/c/004d16ae.1f978625/?url=http%3a%2f%2fwww.rakuten.co.jp%2ffragrance%2f364486%2f364510%2f%23529643" target="_blank"><img src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/fragrance/img64/img1005826729.jpeg" border=0 alt="≪グッチ≫グッチ　オーデパルファム2　EDP・SP　50ml　【送料無料】"></a></TD>
　</TR>
</TABLE>

***表示例***

ここは色を赤くしてみよう

ここは文字を大きくしてみよう

写真を載せちゃおっと ≪グッチ≫グッチ　オーデパルファム2　EDP・SP　50ml　【送料無料】

ここの文字は斜めに

じゃあここは太字に

さらにそれをリンクにしちゃおう

最後に、よく表の中で２文字くらいで字が改行されて
とても読みづらくなってることありませんか？
ご自分でなくても、他の方のHPでそんなのを見かけたことありませんか？

実はあれ、私もよくは理解してないのですが
途中で改行したくない時に<TD NOWRAP>　と入れると
おかしなところで改行にならないようです。ペアの終わりのタグは
いつもと同じく</TD>になります（＾＾）

ところで、今回の講座ちょっと違いに気づいた方いらっしゃいますか？
今までは　<　を　＜　で表してました。
が、もしかしたら私のをそのままコピーして使いたいっていう方が
絶対いないとも限らないかも。　（自信過剰だ）
そう思って、特殊文字を使って半角の　<　と　>　を表示することにしました。ささいなことなので、気づかない方も多いと思います(^-^;)
でも今までのは面倒なのでそのままにしてますｍ（＿＿）ｍ
今までのページのも置換で一瞬に変えることもできるので
もし、やり方がわからない！という方は掲示板か私書箱へどうぞ～。

それと、楽天の【HTMLテンプレート集を見る】のところを実際にひらいて見ると、これがこうなんだ！ってのがわかってくると思います。
中央に寄せてみたいなら<align="center">というように。
写真や文字を中央に寄せたい時に使ってみてください。
もちろんrightやleftを使って右端や左端に寄せる事もできます。
いろいろ試してみてくださいね★

ジャンル別一覧