ブログで稼ぐ★主婦の在宅ワーク最前線 > スポンサー広告 > 超初心者向けhtml講座~文字にメリハリをつけるブログで稼ぐ★主婦の在宅ワーク最前線 > 超初心者向けhtml講座 > 超初心者向けhtml講座~文字にメリハリをつける

--.--.-- --:-- (--)  スポンサー広告

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


↓よろしかったらブックマークもして行ってくださいね♪


【関連エントリー】

↑ページトップ

2009.04.03 21:00 (金)  超初心者向けhtml講座

超初心者向けhtml講座~文字にメリハリをつける


最高カテゴリ第1位!
  今日は何位かな?

人気ホームページランキングへ


超初心者さんでも、アフィリエイトに必要なタグを覚えて、
物販や情報商材アフィリを楽しめるように、
HTMLを使ったフリーエリアの活用方法をご紹介しています。


本日は、

文字にメリハリをつけるのに
必要なタグをご紹介~♪


記事の編集では、
文字を大きくしたり、色を付けたりするのは
ボタンひとつで簡単にできますが、
フリーエリアでは、やはりhtmlで指示する必要があります。


文字関係の指示は

<font> ~ </font>

というタグを使います。
スタイルシート上でも、色々出来るんですが
今回は【超初心者向け】という事で
htmlで指示をしたいと思います。


まずは大きさを変更します。


<font size="文字の大きさ"> ~ </font>


この文字の大きさは1~7の数字を入れます。
例えば、

<font size="1">●主婦の在宅ワーク最前線●</font>
<font size="5">●主婦の在宅ワーク最前線●</font>


というプログラムだと、それぞれ

1⇒●主婦の在宅ワーク最前線●

5⇒●主婦の在宅ワーク最前線●

こうなります。
プレビューなどで確認しながら
大きさを決めていきましょう。



次!今度は、色を付けます。
色づけは


<font size="文字の大きさ" color="付けたい色のコード番号"> ~ </font>


と、font color というタグを使います。
【付けたい色のコード番号】というのは、
カラーパレットの上に出てくる数字です。
【#】+6ケタの英数字で表されます。

カラーパレット

この赤丸のところの#で始まる数字です。
写真の【#ff0000】は、赤を表す色コード番号です。


使いたい色を、記事編集画面のカラーパレットで
チェック、メモしておけば楽ちんですね♪


また、このパレットに載っていない色を使いたい場合
以前ご紹介した、コチラのサイトが参考になります。

WEB色見本 原色大辞典


何色か色を決めて、メモしておき
それを毎回使用するようにしておけば、
作業も楽ですし、ブログの見た目もキレイです^^



次は太さ。

しっかり読んでもらいたい、
例えば商品名などは、文字を大きくする
色をつける以外に、太字にしたい場合もありますね。



太字にするには2種類ありまして。

<b> ~ </b>

<strong> ~ </strong>


と、このどちらでも太字にできます。



じゃあ、どう違うのか。というと

<b> ~ </b>

の場合は、単純に視覚的に太くするだけなんですが、

<strong> ~ </strong>

は、検索エンジンに
『この文字は重要事項です』
というお知らせをするんですね。


strong タグは、あまり多様するとSEO上
良くないという意見もありますので
ポイントとして使う方がいいようです。


2つを上手く使い分けたいですね。


ちなみに、この太字のタグは
font タグ内にいれるのではなく、
別で使います。


例えば


<font size="5" color="#ff0000"><b> ●主婦の在宅ワーク最前線●</b></font>

というプログラムにすると


●主婦の在宅ワーク最前線●


こうなります。
strongのタグも同じ要領で使います。


※2つ以上の指示を出す場合、

<タグ1><タグ2> ~ </タグ2></タグ1>

と、必ず間に挟み込む形にしないといけません。
順番を間違うと、プログラムは動きませんので
ご注意を!



いかがでしたでしょう。

★ font size="文字の大きさ"
★ font color="文字の色"
★ b 視覚的に文字を太くする
★ strong  重要事項なので、文字を太くする


この4つ。覚えました?
これだけ分かっていれば、文字の強弱が
付けられて、フリーエリアにメリハリがつきますよね!


しっかり覚えて、ブログのカスタマイズ
やってみてくださいね♪


タグを覚えたら、物販アフィリにチャレンジ!


物販アフィリを始めるなら、
コチラのノウハウセットが、役立ちます。


総額44800円相当の物販アフィリのノウハウセットが
今なら手数料500円ポッキリ!
無くなる前に、ゲットしてくださいね。


アフィリエイト起業コンプリートパック*詳細はコチラから。
アフィリエイト起業コンプリートパック*記事一覧


========================================

★ひとりで悩まず、とりあえずjamonにメールだ!

アフィリエイトやカスタマイズに関するご質問・ご相談、
旦那の愚痴、熱烈ファンレターなど(笑 
なんでもドンドン送っちゃってね♪
メールはお気軽にど~ぞ~

ご相談メールフォームはコチラ

========================================



いつも応援クリックありがとうございます!
人気ブログランキング


★関連記事
超初心者向けhtml講座~htmlって何?
超初心者向けhtml講座~中央揃え・左揃え・右揃えにする。
超初心者向けhtml講座~写真を貼る
超初心者向けhtml講座~写真を貼る2

↓よろしかったらブックマークもして行ってくださいね♪


【関連エントリー】

テーマ : SOHO・在宅ワーク - ジャンル : ビジネス

タグ : アフィリエイト ブログ カスタマイズ html

コメント(8) | トラックバック(0) | ↑ページトップ

この記事へのコメント

jamonさん、
こんばんは!
高校生アフィリエイターのキョンです^^

いつも暖かいコメントありがとう
ございます!

見た目の強調もですが、検索エンジンにも
アピールできますね^^

応援します!
ぽち~

ブログアフィリエイトで稼ぐ高校生 キョン | URL | 2009.04.03 21:53 (金)

ほんとにいつも、ありがとうございます。

こんばんは。
タグの使い分け意識することで、違ってきますね。
ホンのわずかなことなんですけど。

きっと無料ブログ使っている人は、ボタンひとつで何気にやっていると思うので、こういうことを改めて勉強することは大事ですね。

応援ポチです。

アフィリエイトニュース 新鮮な情報発信局@美咲 桜 | URL | 2009.04.03 22:54 (金)

ハモンさん、こんばんは!
プラス姿考のken+です。

ストロングタグはあまり使うなって
言いますね。
3つくらいで抑えてます。

応援ぽち!

ken+@プラス姿考 | URL | 2009.04.03 23:48 (金)

こんばんは!あゆ夢です。

いつも、心温まるご丁寧なコメント&
応援クリックを頂き、どうもありがとうございます。

このシリーズは、とても参考になります。
こうやって丁寧に教えて頂くと
理屈も理解できますから、
応用も利きそうですよね。
次回も楽しみにしています。

では今日も、心より応援させて頂きます。

あゆ夢 | URL | 2009.04.04 03:01 (土)

こんにちは。ふぁんたじすたCOCOです。


いつもブログ訪問ありがとうです^^


ブログを使っているとhtmlの知識が自然とついて
きますよね~

応援ポチン♪

ふぁんたじすたcoco | URL | 2009.04.04 03:24 (土)

こんにちは!ZIGです。

いつも応援ありがとうございます^^

「b」は知りませんでした^^;

見やすい記事にするために上手く

利用したいですね!

応援ポチです♪

ZIG@新作無料レポート配布中♪ | URL | 2009.04.04 06:35 (土)

こんにちは!

サト愛です。

うちのブログへのコメント&応援に
感謝です。

html講座ですか。いいですね。
役立ちます~~
タグを覚えたら、まずは、物販アフィリに
チャレンジは、いい考えですね^^

応援します!ぽち^^

サト愛☆愛でいっぱいのお金持ち | URL | 2009.04.04 15:36 (土)

イオです。

いつもありがとうございます。


ハモンさん、
今日の記事が見れなかっただけでなく、
コメントも入れれませんでした><

なぜ、空白だったのでしょう。



また来ます。応援♪

本気で稼ぐアフィリエイト講座のイオ | URL | 2009.04.04 18:52 (土)

コメントを書く

 
管理人にのみ表示
 
  人気ブログランキングバナー大  にほんブログ村 小遣いブログ SOHO・在宅ワークへ

↑ページトップ

この記事へのトラックバック

この記事にトラックバックする(FC2ブログユーザー)

↑ページトップ

QLOOKアクセス解析

メルマガ登録はコチラ♪

ブログで気軽にドロップシッピングを!

ドロップシッピングサイトをサクサク作ろう♪

主婦必見の楽しめる物販アフィリノウハウ♪

初心者でも簡単に始められる!

キーワードを制す者がアフィリを制す♪

稼ぐアフィリエイトの初めの一歩に♪

プロフィール

お気に入りに追加

最新記事

ブログランキング

ブログ内検索

RSSリンクの表示


copyright © 2009 ブログで稼ぐ! 主婦 の 在宅ワーク 最前線 all rights reserved.

 [PR] ラサーナ 口コミ情報局  インナーシグナル リジュブネイト  子供用マスク /  Benri-navi by myhurt  Template by FC2ブログのテンプレート工房

Customize by ブログで稼ぐ! 主婦 の 在宅ワーク 最前線

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