自宅で・ネットで副収入・お小遣い稼ぎ♪

所得倍増!???計画

『所得倍増!???計画』イチオシサイト
ポイントサイトアンケートサイト携帯サイト
ポイントサイト えあるマクロミルへ登録
◆限界に挑戦!?
・クリックで1日7円超!
・自力ダウン獲得も可能!
◆依頼件数がダントツ!
・日に5~6件の依頼も!
・500円から換金可能
◆クリック増量中!
・現在1日12円稼ぎ!!
・500円から換金可能
詳細は⇒こちら詳細は⇒こちら詳細は⇒こちら
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
その他の指定

●マスの結合 colspan="" rowspan=""
<td>内に colspan="" や rowspan="" を書き込むことで、マスを結合できます
※見出しタグ<th>にもこの指定ができます


colspan="" 横方向で結合するマスの”数”を指定します
rowspan="" 縦方向で結合するマスの”数”を指定します
""内に、結合するマスの数を書き込みます

  ◆横方向に3マス結合する
<table border="1">
<tr>
<td colspan="3">所得倍増!???計画</td>
</tr>
<tr>
<td>ポイント稼ぎ</td><td>アンケート</td><td>アフィリエイト</td>
</tr>
</table>
所得倍増!???計画
ポイント稼ぎアンケートアフィリエイト

  ◆縦方向に3マス結合する
<table border="1">
<tr>
<td rowspan="3">所得倍増!???計画</td><td>ポイント稼ぎ</td>
</tr>
<tr>
<td>アンケート</td>
</tr>
<tr>
<td>アフィリエイト</td>
</tr>
</table>
所得倍増!???計画ポイント稼ぎ
アンケート
アフィリエイト

●枠線の色を指定 bordercolor=""
<table> 内に bordercolor="" を書き込むことで、枠線の色を指定できます
""内に、 # で始まる6桁のカラーコード、またはredやgreen、whiteといったカラーネームを書き込みます
カラーコードに関しては、こちらのサイト様 ← でカラーチャートを調べられます


<table border="3" bordercolor="#ffff00">
<tr>
<td colspan="3">お小遣い稼ぎ方法</td>
</tr>
<tr>
<td>ポイント稼ぎ</td><td>アンケート</td><td>アフィリエイト</td>
</tr>
</table>
お小遣い稼ぎ方法
ポイント稼ぎアンケートアフィリエイト

●背景色の指定 bgcolor=""
<table> <tr> <td> 内に bgcolor="" を書き込むことで、表や行、マスの背景色を指定できます
""内に、 # で始まる6桁のカラーコード、またはredやgreen、whiteといったカラーネームを書き込みます
カラーコードに関しては、こちらのサイト様 ← でカラーチャートを調べられます


  ◆表全体を指定
   <table>内に bgcolor="" を書き込みます
<table border="1" bgcolor="#FFFF00">
<tr>
<td colspan="3">お小遣い稼ぎ方法</td>
</tr>
<tr>
<td>ポイント稼ぎ</td><td>アンケート</td><td>アフィリエイト</td>
</tr>
</table>
お小遣い稼ぎ方法
ポイント稼ぎアンケートアフィリエイト

  ◆行ごとに背景色を指定
   <tr>内に bgcolor="" を書き込みます
<table border="1">
<tr>
<td colspan="3">お小遣い稼ぎ方法</td>
</tr>
<tr bgcolor="#ffff00">
<td>ポイント稼ぎ</td><td>アンケート</td><td>アフィリエイト</td>
</tr>
</table>
お小遣い稼ぎ方法
ポイント稼ぎアンケートアフィリエイト

  ◆マスごとに背景色を指定
   <td>内に bgcolor="" を書き込みます
<table border="1">
<tr>
<td colspan="3">お小遣い稼ぎ方法</td>
</tr>
<tr>
<td>ポイント稼ぎ</td><td bgcolor="#ffff00">アンケート</td><td>アフィリエイト</td>
</tr>
</table>
お小遣い稼ぎ方法
ポイント稼ぎアンケートアフィリエイト

  ◆表全体・行・マスに背景色を指定してみると
<table border="1" bgcolor="#0099ff">
<tr bgcolor="#4444ff">
<td colspan="3">お小遣い稼ぎ方法</td>
</tr>
<tr>
<td>ポイント稼ぎ</td><td bgcolor="#FFFF00">アンケート</td><td>アフィリエイト</td>
</tr>
</table>
お小遣い稼ぎ方法
ポイント稼ぎアンケートアフィリエイト


初歩的なタグ ⇒ 目次ページへ


これでテーブルタグの説明は終わりです。
これまでの説明で解るかと思いますが、色を付けたりマス結合したり、高さや幅の指定をしたりと細かい設定ができる分、それだけタグ自体が長くなってしまいます。
タグが長いということは、それだけ読み込みにも時間がかかるというわけです。
その点も把握しておいた方が良いかと思います。
では!今日はこのへんで♪
行とマスの指定
<table>全体の指定とは別に、行やマスに対しても細かく指定ができます

●見出し <th>
マスを指定する<td></td>のかわりに<th></th>を使うことで、表に見出しを付けられます
<th>タグに囲まれた文字は太字になり、中央にセンタリングされます

<table border="1">
<tr>
<th>ポイント</th><th>アンケート</th><th>携帯</th>
</tr>
<tr>
<td>えある</td><td>マクロミル</td><td>ULTRAメール</td>
</tr>
</table>
ポイントアンケート携帯
えあるマクロミルULTRAメール

左側を見出しにしたい場合は
<table border="1">
<tr>
<th>こつこつ稼ぐ</th><td>ポイントサイト</td><td>えある</td>
</tr>
<tr>
<th>大きく稼ぐ</th><td>アフィリエイト</td><td>A8.net</td>
</tr>
</table>
こつこつ稼ぐポイントサイトえある
大きく稼ぐアフィリエイトA8.net

●文字位置の指定 align="" valign=""
<tr>や<td>内にalign=""、valign="" を追加すると、行<tr></tr>やマス内<td></td>の文字位置を指定できます


align="" は横方向の指定を行います
  • align="left" 左寄せ
  • align="center" 中央に表示
  • align="right" 右寄せ
valign="" は縦方向の指定を行います
  • valign="top" 上に表示
  • valign="middle" 中央に表示
  • valign="bottomright" 下に表示

  ◆横方向の指定を行った場合
<table border="1" width="300" height="100">
<tr>
<td align="left">お小遣い</td>
<td align="center">稼ぐ</td>
<td align="right">アフィリエイト</td>
</tr>
</table>
お小遣い稼ぐアフィリエイト

  ◆縦方向の指定を行った場合
<table border="1" width="300" height="100">
<tr>
<td valign="top">お小遣い</td>
<td valign="middle">稼ぐ</td>
<td valign="bottom">アフィリエイト</td>
</tr>
</table>
お小遣い稼ぐアフィリエイト

  ◆行<tr></tr>とマス<td></td>を指定する場合
<table border="1" width="300" height="100">
<tr align="center">
<td valign="top">お小遣い</td>
<td valign="middle">稼ぐ</td>
<td valign="bottom">アフィリエイト</td>
</tr>
</table>
お小遣い稼ぐアフィリエイト

●マスの大きさの指定 width="" height=""
<td>内に width="" を追加するとマスの大きさ(横幅)を、height="" を追加するとマスの高さを指定することができます
""内にピクセル値(またはパーセント値)を書き込みます
数値が大きくなるほど、マスの横幅・高さは大きくなります
この属性を指定しない場合、文字列の長さによってマスの大きさも変わります


  ◆横幅を指定する場合
<table border="1">
<tr>
<td width="70">幅70ピクセル</td>
<td width="150">幅150ピクセル</td>
<td width="230">幅230ピクセル</td>
</tr>
</table>
幅70ピクセル幅150ピクセル幅230ピクセル

  ◆横幅と高さを指定する場合
<table border="1">
<tr>
<td width="70" height="100">幅70ピクセル</td>
<td width="150">幅150ピクセル</td>
<td width="230">幅230ピクセル</td>
</tr>
</table>
幅70×高100幅150×高100幅230×高100

  ◆2行3列の表の例(幅と高さを指定)
<table border="1">
<tr height="40">
<td width="100">小遣い稼ぎ</td><td width="100">副収入</td><td width="100">副業</td>
</tr>
<tr height="100">
<td>アンケート</td><td>アフィリエイト</td><td>在宅ワーク</td>
</tr>
</table>
小遣い稼ぎ副収入副業
アンケートアフィリエイト在宅ワーク

マスの横幅の指定は”一番上の段”のみ指定してやれば、それより下の段は自動的に決まるというわけです
マスの高さの指定は<tr>内で行えば十分ですが、行の”一番左のマス”を指定することでもできます
その場合、”一番左のマス”のみ指定してやれば、それより右のマスは自動的に決まります

次のページ ⇒ テーブルタグ その4へ
初歩的なタグ ⇒ 目次ページへ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。