テーブルタグは、<table border>を、使うんだよ。^^
●それってなに?
こういうの↓を、見たことないかな?^^
今日は、これの作り方を、お伝えするよ!^^
●基本
まずは、これを覚えてね。^^
<table border><tr>
<td>ここに文字</td>
</tr></table>
すると、こんなふうになるよ。^^
●枠を横に増やす
<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>
<td>〜</td>を挿入すれば、横にもうひとつ増やせるよ。
●枠を縦に増やす
<table border><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>
<tr><td>〜</td></tr>を挿入すれば、縦にもうひとつ増やせるよ。
●列にする
<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
<tr><td>2列目</td><td>2列目文字</td></tr>
</tr></table>
4列目の<tr>〜</tr>の中に <td>〜</td>を配置するのがミソ。
<td>もうひとつ増やせるよ</td>は、そのまま繰り返しね。^^
3列の場合は、こう。
<table border><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>
●背景に色を付ける場合
bgcolor="ここに色(#○○○)"を、挿入しよう。^^
<table border bgcolor="ここに色(#○○○)"><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>
3列だと、こんな感じ。^^
<table border bgcolor="ここに色(#○○○)"><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>
●左に色を付ける場合
<table border><tr>
<td bgcolor="ここに色(#○○○)">ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>
2列目の<td>の中に bgcolor="ここに色(#○○○)"を入れると、左側だけに色がつくよ
●右に色を付ける場合
<table border><tr>
<td>ここに文字</td>
<td bgcolor="ここに色(#○○○)">もうひとつ増やせるよ</td>
</tr></table>
3列目の<td>の中に bgcolor="ここに色(#○○○)"を入れると、右側だけに色がつくよ。^^
これが基本ね、^^
そうそう。
枠内に、文字を入れる場合、改行する場合は<br>を挿入するか、「Enter」キーで、改行してね。^^
もっといいおこづかいを稼ぐ情報を探しに行く?^^
タグ
に関連したブログ内の記事へ
●それってなに?
こういうの↓を、見たことないかな?^^
| Myアフィリエイト | イチオシです!^^ |
| OCN会員なら バナーを貼るだけで 2000円もらえる! | |
| 報酬支払い額は 1000円から 振り込み手数料 無料 | ブログに動画を貼って 試聴してもらうと 報酬○○円! |
今日は、これの作り方を、お伝えするよ!^^
●基本
まずは、これを覚えてね。^^
<table border><tr>
<td>ここに文字</td>
</tr></table>
すると、こんなふうになるよ。^^
| ここに文字 |
●枠を横に増やす
<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>
| ここに文字 | もうひとつ増やせるよ |
<td>〜</td>を挿入すれば、横にもうひとつ増やせるよ。
●枠を縦に増やす
<table border><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>
| ここに文字 |
| 縦に文字 |
<tr><td>〜</td></tr>を挿入すれば、縦にもうひとつ増やせるよ。
●列にする
<table border><tr>
<td>ここに文字</td>
<td>もうひとつ増やせるよ</td>
<tr><td>2列目</td><td>2列目文字</td></tr>
</tr></table>
| ここに文字 | もうひとつ増やせるよ |
| 2列目 | 2列目文字 |
4列目の<tr>〜</tr>の中に <td>〜</td>を配置するのがミソ。
<td>もうひとつ増やせるよ</td>は、そのまま繰り返しね。^^
3列の場合は、こう。
<table border><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>
| ここに文字 | ここに文字2 | ここに文字3 |
| 2列目1 | 2列目2 | 3列目3 |
| 3列目2 | 3列目3 | 3列目3 |
●背景に色を付ける場合
bgcolor="ここに色(#○○○)"を、挿入しよう。^^
<table border bgcolor="ここに色(#○○○)"><tr>
<td>ここに文字</td>
<tr><td>縦に文字</td></tr>
</tr></table>
| ここに文字 |
| 縦に文字 |
3列だと、こんな感じ。^^
<table border bgcolor="ここに色(#○○○)"><tr>
<td>ここに文字</td><td>ここに文字2</td><td>ここに文字3</td>
<tr><td>2列目1</td><td>2列目2</td><td>3列目3</td></tr>
<tr><td>3列目2</td><td>3列目3</td><td>3列目3</td></tr>
</tr></table>
| ここに文字 | ここに文字2 | ここに文字3 |
| 2列目1 | 2列目2 | 3列目3 |
| 3列目2 | 3列目3 | 3列目3 |
●左に色を付ける場合
<table border><tr>
<td bgcolor="ここに色(#○○○)">ここに文字</td>
<td>もうひとつ増やせるよ</td>
</tr></table>
| ここに文字 | もうひとつ増やせるよ |
2列目の<td>の中に bgcolor="ここに色(#○○○)"を入れると、左側だけに色がつくよ
●右に色を付ける場合
<table border><tr>
<td>ここに文字</td>
<td bgcolor="ここに色(#○○○)">もうひとつ増やせるよ</td>
</tr></table>
| ここに文字 | もうひとつ増やせるよ |
3列目の<td>の中に bgcolor="ここに色(#○○○)"を入れると、右側だけに色がつくよ。^^
これが基本ね、^^
そうそう。
枠内に、文字を入れる場合、改行する場合は<br>を挿入するか、「Enter」キーで、改行してね。^^
この記事へのコメント
レンジャーさん、こんにちわ。
タグにはあまり詳しくないので
今日の記事のようなのはホント勉強になります。
ありがとうございます。
応援ポチッ!
タグにはあまり詳しくないので
今日の記事のようなのはホント勉強になります。
ありがとうございます。
応援ポチッ!
自分もアフィリエイトを始めたばかりの頃は、タグの事がわからなくって悩みました。><
この方法は、一目見て「それがどういう内容で、メリットは何か?」を視覚情報として認識しやすくなりますから、おすすめ情報の表示に最適なんです。^^
のちほど、応援にうかがいます。^^
この方法は、一目見て「それがどういう内容で、メリットは何か?」を視覚情報として認識しやすくなりますから、おすすめ情報の表示に最適なんです。^^
のちほど、応援にうかがいます。^^
このコメントは管理人のみ閲覧できます
2008/05/28(水) 12:34 | | #[ 編集]
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/89-3ef0f6e6
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック







アフィリエイトレンジャー(08/28)
ヒロキ(08/28)
ゆういちろう(08/27)
ともたん(08/27)
ひでいえ(08/27)
サユサユ(08/27)
みけ(08/27)