小遣いキングへの道

HTMLで簡単カスタマイズ♪テーブルタグ編

<table bgcolor=skyblue width=400 height＝300 align="center" cellpadding="10"
cellspacing="10" border=5 bordercolor="blue">
<caption>表題も載せることが出来ます!!</caption>
<tr>
<td>一行目です。</td>
<td>二行目です。</td>
<td>三行目です。</td>
</tr>
<tr><td>一行目の二列目です。</td>
<td>二行目の二列目です。</td>
<td>三行目の二列目です。</td>
</tr>
</table>

---

簡単に解説♪

bgcolor→背景色・・・ここを変える事で背景の色を変えられます。

width→表の横幅・・・横幅の変化はここです。
height→表の縦幅・・・縦幅の変化はここです。
＊ここの定義を０〜１００％っていうつけ方も出来て、
画面の表示の大きさと比例して大きくも小さくもなります。

align→ページにおける表の位置・・・右なら「right」で左なら「left」です♪

cellpadding→表の一コマ内における枠との間隔
・・・ここを「０」にしておくと壁にベタッて文字がついちゃって、
個人的にあまり好きじゃないです。

cellspacing→表全体の枠との間隔
・・・ここは仕様用途によって変わってくると思うんで、ご自由に♪

◆応用◆

<table align="center" bgcolor="skyblue" border="5"
cellspacing="0" cellpadding="3" bordercolor="skyblue">
<tr><td>
<font color="white" size="3"><center><strong>
お小遣いの収入履歴
</strong></center></font>
</td></tr>
<tr><td><MARQUEE begavior="scroll"
bgcolor=blue direction="down"width="200" height="200"scrollamount=1>
<font color=white size="2"><center><strong>
こんなことも出来ちゃうんです♪</strong></center></font></MARQUEE>
</td></tr>
<tr><td>
<strong><font color=white size="1"><center>
スクロールとテーブルタグで作りました♪
</center></font></strong>
</td></tr>
</table>

こんなのをページに貼っておいても良いんじゃないかなぁ〜と。
コンテンツも増えるしね♪
あとは自分なりに色々いじると良くなりますよ〜♪

何かありましたらコメント下さい！

最後までありがとうございました♪
ここにも小遣い稼ぎ情報満載です♪
↓


またどうぞ♪