スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • --------|
  • スポンサー広告
  • 大きい兄ちゃんの初心者のテーブルタグ講座 1回目

    ブログを見やすくする手法にテーブルタグというものがあります。


    例えば↓↓↓


    クッキー系アフィリエイト 楽天 ヤフー アマゾン

    物販系アフィリエイト A8ネット リンクシェア 電脳卸

    情報系アフィリエイト インフォトップ インフォカート サブライム


    これをテーブルタグで表示してみると?

    こなります↓↓↓


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    少し変わりましたね


    <table>
    <tr>
    <td>クッキー系アフィリエイト</td>
    <td>楽天</td>
    <td>ヤフー</td>
    <td>アマゾン</td>
    </tr>
    <tr>
    <td>物販系アフィリエイト</td>
    <td>A8ネット</td>
    <td>リンクシェア</td>
    <td>電脳卸</td>
    </tr>
    <tr>
    <td>情報系アフィリエイト</td>
    <td>インフォトップ</td>
    <td>インフォカート</td>
    <td>サブライム</td>
    </tr>
    </table>


    これがテーブルタグです。


    それでは、もっと見やすくしてみましょう!

    <table>の部分に、幅を指定するタグを入れます。


    こんな感じです!

    <tabl width="360">

    赤色のところが変わってます。


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    見やすくなりました。

    次は枠を入れてみます。


    <tabl width="360" border="1">

    青色のところが変わってます。


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    枠の間が開いているので、少し見にくいです。

    それでは、枠の間を閉じてみます。


    <tabl width="360" border="1" cellspacing="0">

    ピンク色のところが変わってます。


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    もっと見やすくするために、枠と文字の間に隙間を空けてみます。

    <tabl width="360" border="1" cellspacing="0 cellpadding="5"">

    赤色のところが変わってます。


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    一枠が二段になってしまいました。

    枠の幅を広げてみましょう。

    <tabl width="400" border="1" cellspacing="0 cellpadding="5"">

    青色のところが変わってます。


    クッキー系アフィリエイト 楽天 ヤフー アマゾン
    物販系アフィリエイト A8ネット リンクシェア 電脳卸
    情報系アフィリエイト インフォトップ インフォカート サブライム


    ものすごく見やすくなりましたね。

    これは簡単なテーブルタグの例です!!


    ブログによって表示されないタグもあります。

    ちなみに、FC2ではcellpaddingが反応しないので、

    記事を書いたあとで、記事の記入欄の上のボタンのWをクリックしてください!

    ちゃんと表示されるようになります。


    Wボタンを使った場合は問題ないのですが、

    通常のタグを使いたい場合は、


    <table><tr><td>クッキー系アフィリエイト</td><td>楽天</td><td>ヤフー</td><td>アマゾン</td></tr><tr><td>物販系アフィリエイト</td><td>A8ネット</td><td>リンクシェア</td><td>電脳卸</td></tr><tr><td>情報系アフィリエイト</td><td>インフォトップ</td><td>インフォカート</td><td>サブライム</td></tr></table>


    とタグを改行しないで続けて書かないといけません。

    その場合、記事の記入欄の下のほうにある改行の扱いのHTMLタグのみにチェックを忘れずに。

    その変わり改行タグを使って記事を書かないといけませんが。



    [アフィリエイト初心者] ブログ村キーワード


    tag : テーブルタグ アフィリエイト

  • 2011-10-24|
  • [アフィリエイト初心者]初心者のテーブルタグ講座
  • コメント : 0
  • トラックバック|0
  • コメントの投稿

    Secre

    カテゴリ
    お気に入り追加

    ブログランキングに参加しています。 にほんブログ村 小遣いブログ アフィリエイトへ

    FC2Blog Ranking アフィリエイト

    RSS登録もよろしく^^
    My Yahoo!に追加 Add to Google

    お気に入りリンク集
    物販ASP


    高報酬アフィリエイト、Affility「アフィリティ」


    商品無料仕入れ戦隊『電脳卸』


    プロフィール

    大きい兄ちゃん

    Author:大きい兄ちゃん
    ☆けっこうエエこと書いてんで~@ジックリ読んでな~★

    質問受付コーナー

    名前:
    メール:
    件名:
    本文:

    FC2ブックマーク
    ブロとも申請フォーム

    この人とブロともになる

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