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

HTMLテンプレートの活用術１ | 活用術２ | 活用術３ | 活用術４ | 活用術５ | 活用術６ | 活用術７ | 活用術８ |

活用術１のページから【５】のタグだけを抜いてきす。

【５】

<table width="80%" border="0" cellspacing="6" cellpadding="0" align="center">
<tr valign="top">
<td width="50%">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="10"><font size="-1" color="#000066">■</font></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>

</td>
<td width="50%">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="10"><font size="-1" color="#000066">■</font></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>

</td>
</tr>
</table>

【５】のタグを書き出すと↓のような表示になります。

■

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

■

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

これだと構造が判らないので前と同じく「border="0"」の箇所を「border="1"」にしてみましょう。

■

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

■

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

これもまたテーブルの中にテーブルの指定です。しかも【３】のテーブル指定の画像がなくなっただけだったりします。

一応テーブル分けをしてみましょう。

<table width="80%" border="0" cellspacing="6" cellpadding="0" align="center">
<tr valign="top">
<td width="50%">


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="10"><font size="-1" color="#000066">■</font></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>


</td>
<td width="50%">


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="10"><font size="-1" color="#000066">■</font></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>


</td>
</tr>
</table>

活用術５では画像のケイの入れ方をやったので今度はテーブルの中の箱にケイを入れてみましょう。