Purple town

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

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

前のページから【１】のタグだけを抜いてきました。

【１】

<table width="80%" border="0" cellspacing="0" cellpadding="4" bgcolor="#ccccff" align="center">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="8" bgcolor="#ffffff">
<tr>
<td align="left"><b><font color="#3366CC">■■■</font></b></td>
<td align="center" nowrap><b><font color="#000066">

★★★ ここにタイトルを入れる ★★★

</font></b></td>
<td align="right"><b><font color="#3366CC">■■■</font></b></td>
</tr>
</table>
</td>
</tr>
</table>

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

■■■

★★★ ここにタイトルを入れる ★★★

■■■

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

■■■

★★★ ここにタイトルを入れる ★★★

■■■

実はテーブルの中にテーブルの指定があるのです。
<table width="80%" border=" 1 " cellspacing="0" cellpadding="4" bgcolor="#ccccff" align="center">
<tr>
<td>
その１
</td>
</tr>
</table>

その１