Purple town

Purple town

HTMLテンプレートの活用術5


前のページから2つめのテーブルを持ってきましょう。

<!--2つ目のテーブル開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="80">

<IMG SRC="http://plaza.rakuten.co.jp/img/user/92/40/1939240/49.gif" width="80" height="100" alt="★★★ ここにアフィリエイト用の画像のソースを入れる ★★★">

</td>
<td width="8">
<!--スペース用の空きテーブル-->
<table width="8" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table>
</td>
<td width="100%"><font size="-1">

★★★ ここにアフィリエイト用のテキストリンクのソースを入れる ★★★
<br>
★★★ ここに紹介文を入れる ★★★
<br>

</font></td>
</tr>
</table>
<!--2つ目のテーブルを閉じます-->

[★★★ ここにアフィリエイト用の画像のソースを入れる ★★★]のままだと表示が綺麗でないので借り画像
[<IMG SRC="http://plaza.rakuten.co.jp/img/user/92/40/1939240/49.gif" width="80" height="100" alt="★★★ ここにアフィリエイト用の画像のソースを入れる ★★★">]を入れました。実際には使用する画像のURLを入れてください。
これを表示すると↓のようになります。

★★★ ここにアフィリエイト用の画像のソースを入れる ★★★
★★★ ここにアフィリエイト用のテキストリンクのソースを入れる ★★★
★★★ ここに紹介文を入れる ★★★

画像にただふちをつけたい場合は。[IMG SRC]の間に [border=2(好きな太さ)]と入れます。
<IMG border=2 SRC="http://plaza.rakuten.co.jp/img/user/92/40/1939240/49.gif" width="80" height="100" alt="★★★ ここにアフィリエイト用の画像のソースを入れる ★★★">と置き換えてみましょう。

★★★ ここにアフィリエイト用の画像のソースを入れる ★★★
★★★ ここにアフィリエイト用のテキストリンクのソースを入れる ★★★
★★★ ここに紹介文を入れる ★★★

こんな縁じゃなく点とか二重線とか色をつけたいと思うかもしれません。その場合は[style]の出番。
画像の[border=2][width="80" height="100"]を取って後ろにスタイルを宣言します。<IMG SRC="http://plaza.rakuten.co.jp/img/user/92/40/1939240/49.gif" alt="★★★ ここにアフィリエイト用の画像のソースを入れる ★★★" style="width:80px;height:100px;border:dashed thin #33e0d0;" >

★★★ ここにアフィリエイト用の画像のソースを入れる ★★★
★★★ ここにアフィリエイト用のテキストリンクのソースを入れる ★★★
★★★ ここに紹介文を入れる ★★★



© Rakuten Group, Inc.
X

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