FC2ブログでアフィリエイトを始める人の為のガイドブログです。 管理者と一緒に勉強しませんか?
<<04 1234567891011121314151617181920212223242526272829303106>>

カテゴリ別記事名検索リンク

カテゴリ別に記事名一覧を用意。読みたい記事を探して一発リンクが可能です。

スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

アフィエイト工房デザインのリンク集



キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析
--/--/-- --:-- | スポンサー広告 | page top↑

アフィリエイト関連書籍

表を作りたい!~詳細指定~
表を作る構文紹介詳細編です。
前回は基本編として
 <table>~</table> : 表を作る宣言タグ
 <tr>~</tr> : 行の指定タグ
 <td>~</td> : 列の指定タグ
 <table> 属性値 border : 枠線表示及びその太さの指定
 <table> <tr> <td> 属性値 height : 高さの指定
 <table> <td> 属性値 width : 横幅の指定
以上を説明しました。詳しくはこちら⇒表を作りたい!

今回は詳細編と言う事で見出しタグ・詳細指定属性値などを
いくつか紹介しましょう!
<th>~</th> : 見出しタグです。
 これは <td>~</td> と使い方は同じです。
 ただし、これで囲われた表示内容は必ず中央寄せ(センタリング)されます。
 そして、文字の場合必ず強調文字(太字)になります。
<table border="1" width="150"><tr><td>アフィリエイト</td></tr></table>
アフィリエイト
上の構文の <td></td> を <th></th> に変えて見ると
アフィリエイト


属性 align : 表示内容の位置を指定します
 左寄せ align="left"
 中央寄せ align="center"
 右寄せ align="right"
<table> に指定すると表全体の表示位置が変わります
 左寄せ<table border="1" width="150" align="left">~</table>
アフィリエイト


 中央寄せ<table border="1" width="150" align="center">~</table>
アフィリエイト

 右寄せ<table border="1" width="150" align="right">~</table>
アフィリエイト


 といった具合。
<td> に指定すると
 左寄せ<table border="1" width="150">~<td align="left">~</table>
アフィリエイト
 中央寄せ<table border="1" width="100">~<td align="center">~</table>
アフィリエイト
 右寄せ<table border="1" width="100">~<td align="right">~</table>
アフィリエイト

<tr> では指定できません
いずれも未指定では左寄せになってます。
属性値 cellpadding : 表示内容の上下左右の余白を指定します
 <table> に指定します。
<table border="1" cellpadding="10">~</table>
アフィリエイト
未設定は cellpadding="0" です。

属性値 cellspacing : セルとセルの間の幅(枠線と枠線の幅)を指定します
<table border="1" cellspacing="10">~</table>
アフィリエイト
未設定は cellspacing="1" です。
0を指定する事も出来ます。
アフィリエイト
border との違いは下を見てもらえばわかります。
下の構文では border="10" です。
アフィリエイト
border cellpadding 両方を "10" 指定すると
アフィリエイト

属性値 bordercolor : 枠線の色を指定します
赤にして見ましょう
<table border="10" bordercolor="red">~</table>
アフィリエイト

属性値 bgcolor : 背景色を指定します
<table bgcolor="red">~</table>
アフィリエイト
<table> <td> をそれぞれ赤、白にしてみます。
<table bgcolor="red"><tr><td bordercolor="white">~</table>
アフィリエイト

おそらくですが、訳が判らなくなってる方多数だと思うので
今日はこの辺で止めましょう(苦笑)。
スポンサーサイト

アフィエイト工房デザインのリンク集



キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析

テーマ:カスタマイズ - ジャンル:ブログ

2006/01/30 20:47 | カスタマイズ(HTML編) | トラックバック(0) | コメント(2) | page top↑

アフィリエイト関連書籍

<<魔法って何だよ(笑) | ホーム | 表を作りたい!>>
コメント
ケンジ@アフィリエイト☆ウォーズさん

アリガトウございます(笑)。
これから、挑戦する方にもそう思っていただけたら
いいと考えてます!

例の所は他にも気になる点が実はあるんです。
登録フォームがいきなり個人情報登録なのが
フィッシング詐欺の格好の的になるように
思うんです。
ダミー表示して上にそっくりのフォームを
作るのは常套手段なんですよね。
あの形式だと作りやすいのではないかと。
少なくとも提携を結んだ後に
個人情報の登録にすべきだと思うんですがね。
2006/02/02 17:39URL | ロウワイズ #-[ 編集] | page top↑
こんにちは^^

実用的な内容で大変参考になります。今では私も表を自作してますが、HTML初心者の私がコレを理解するのにどれだけかかったことか^^;。。もっと早くにアフィリエイト工房サンが開設されていたら、、なんて。

今後も身になる記事の更新を頑張って下さい。

※先日コメント頂いた件、慎重になるお気持ちは良くわかります。規約を見ましたがいきなり1条が規約違反や損害賠償って内容でちょっと驚きました。ちょっと無神経な気もしますね。
2006/02/02 13:23URL | ケンジ@アフィリエイト☆ウォーズ #T4VI7/Tg[ 編集] | page top↑
コメントの投稿












管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://arowwise.blog41.fc2.com/tb.php/60-f6a38a2f
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |


当ブログは以下の環境にて作成しております

OS:Win2000Pro  ブラウザ:IE6.0

上記以外の環境にて閲覧の場合、何か不具合が発生する場合があります。
何かおかしい?と思われる事がありましたら、BBSにコメントいただければ幸いです。

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