アフィリエイト
ランキング
サイトマップ
ホーム

初心者でもアフィリエイトで副業

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

今回は広告を見やすくする為のHTMLを簡単に説明します
簡単ですので、試してみて下さい

たいていのブログには、記事を書く時にボタンを押すとタグが記事内に挿入される様に
なっているので、覚える必要が無い様に感じますが
後々テンプレート等を編集する時に役立ちますので覚えておきましょう。




タグ?
<>で囲まれているのがタグです
タグを使うと色々な表現を使う事が出来ます
文字の装飾
<b></b>で文字を囲むと このように太字になります
<i></i>で文字を囲むと このように斜体になります
<u></u>で文字を囲むと このように下線が入ります
<s></s>で文字を囲むと このように打ち消し線が入ります
<big></big>で文字を囲むと このように文字が大きくなります
<small></small>で文字を囲むと このように文字が小さくなります
<font color="#3366ff"></font>で文字を囲むと このように文字の色が変わります
色は<font color=の後に、#+英数字か"blue"や"black"の様に指定します
リンク
<a href="リンク先のUrl"></a>で文字を囲むと  囲んだ文字がリンクになります
<a href="リンク先のUrl" target="_blank"></a>
文字を囲むと別の画面でリンクを表示します

画像
書式
・border="0"枠線の太さ、0で表示しない
・src="http://~"リンク先のアドレス
・alt="星の画像がありました"画像を表示できなかった時、表示する文字。これは必須です
・align="left"画像の位置 left center right
<img border="0" src="画像のUrl" alt="">で枠無しの画像を表示します。
<img border="1" src="画像のUrl" alt="">で枠有りの画像を表示します。
<img border="0" src="画像のUrl" alt="" align="right">で画像の右よせです
<img border="0" src="画像のUrl" alt="" align="left">で画像の左よせです
画像にリンクを付ける場合は下記の様にイメージタグをリンクタグで囲んで下さい
<a href="リンク先のUrl"><img border="0" src="画像のUrl"></a>
テーブル
書式
・table border="0"枠線の太さ、0で表示しない
・align="left"テーブルの位置 left center right
・width="300" height="200"テーブルの幅と高さ指定しなければ自動
<table></table>でテーブルを定義します
<table></table>の中に<tr></tr>を書くごとに行が増えます
更に<tr></tr>の中に<td></td>を書くごとにセルが増えます

<table border="2">
  <tr>
    <td>セル1</td><td>セル2</td><td>セル3</td>
  </tr>
  <tr>
    <td>セル4</td><td>セル5</td><td>セル6</td>
  </tr>
</table>
と書くと下の様なテーブルになります
セル1セル2セル3
セル4セル5セル6
テーブルを使うと「セル1」に画像「セル2」に説明「セル3」に価格を
入れる様な事が出来るので、デザインに幅が出ます

一部だけの紹介でしたが、記事作成する分には足りると思います
例の如く質問はコメントにて受け付けていますので、お気軽に

HTMLがなんとなくわかった所でサイドメニューに広告を貼り付けてみます。
7 サイドメニューに広告をへ⇒





スポンサード リンク




2005.09.05
ちえぞう [#ehxSw4o2]
はじめまして。
ブログ始めて4日目のちえぞうと申します。
とても見やすくて、参考になるブログですね~。
速攻でお気入りに追加させていただきました(笑)
わたしもこんな風にしたいです(>_<)
それでは、また来ますね~!
最後に、ポチ。
-EDIT
2005.09.05
exe [#/b5XDoic]
はじめまして、いらっしゃいませ^^
お役にたててなによりですよ~

始めて4日めですか、ブログはハマルと楽しいですよ~
また来て貰える様がんばりますので、今後ともごひいきに
-EDIT
2005.09.18
長者 [#3k6fJbug]
自分のブログでテーブルを使って記事を書いたのですが、テーブルの前に空欄が空いてしまいます(詳しくはサイトを見ていただければ・・・)
どうすれば直りますか?良ければ教えてください。
http://tyouzya.blog24.fc2.com/
-EDIT
2005.09.18
exe [#/b5XDoic]
通りすがりさん=長者さんという事でよいんですよね?^^

で質問の答えです
ソースを見せていただいたところ
<TABLE height=5 cellSpacing=0 cellPadding=10 width=450 align=center border=1>
でcellPadding=10と指定している事が原因ですね
これを0にすれば解決しますよ
-EDIT
2005.09.18
長者 [#3k6fJbug]
むは
ばれてしまいましたか^^

あの自分の聞きたいことは、テーブルの前に8行分ほど空欄がなぜか空いてしまうってことなんです。
前の質問のときに言葉が足りなくてスミマセン
もう一度教えてもらえませんでしょうか?
-EDIT
2005.09.19
exe [#/b5XDoic]
なるほど、勘違いしてしまいまた
それならば、記事の修正ページの下のほうにある
「テキストフォーマット」をHtmlのみにすれば直るかと思われます
がんばってくださいね^^
-EDIT
2005.09.19
長者 [#3k6fJbug]
直りましたぁ^^
わざわざ毎回ありがとうございます。

あとリンクしてもよろしいですか?
-EDIT
2005.09.20
exe [#/b5XDoic]
了解です^^
偉そうな言い方になっちゃいますが
長者さんは自分でやろうと言う姿勢が見えたので、こちらも気持ちよく答えられました

このブログはリンクフリーなのですし、リンクは大歓迎です
せっかくですので相互と言う形にしませんか?
-EDIT
2005.09.20
長者 [#3k6fJbug]
いやーそんなにほめないでくださいよ。えっ?ほめてない?ww

自分みたいなしょぼサイトでも相互リンクしてくれるんですか!?
ありがとうございます。それではよろしくお願いします^^

やっぱりあのサイト怪しいとこだったのか・・・
リンク解除した方が良いのでしょうか?
-EDIT
2005.09.21
exe [#/b5XDoic]
毎度です^^
ええ、軽く褒めてみましたw
と冗談はさておき、リンク貼らせても頂きました^^
今後ともよろしくお願いしますね
この後遊びに生かせてもらいます
-EDIT
2005.09.21
長者 [#3k6fJbug]
こんばんわ^^
こまったさんはそのまま放置してきます

こちらこそ今後ともよろしくお願いします
毎日遊びに来ますので^^
-EDIT
2005.09.22
exe [#/b5XDoic]
いらっしゃいませ~
それが宜しいかと思われます、はい^^
コチラこそよろしくお願いしますです
-EDIT
 
現在コメント投稿後URL欄に記入したURLが表示されませんが
管理人には見えていますのでご安心を

Trackback URL

http://ifs.blog5.fc2.com/tb.php/83-e080b6e0


PR
PR
サイト内検索
カスタム検索
category
recent Entry
RssFeed

Subscribe in NewsGator Online Add 'ブログで副業アフィリエイト入門 - 雑 記 -' to Newsburst from CNET News.com Subscribe in Bloglines
other

Skin:Babyish-アフィリエイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。