『 タグ講座 』 の講座！

どうもですっ！！、

シーサー！シーサー！シーサー！シーサー！
シーサー！シーサー！シーサー！シーサー！
シーサー！シーサー！シーサー！シーサー！（壊）

・・・・情報商材＠味見役の、【necco】です。


いつもいつも、やってきてくださるみなさん・・・　

　　　


　　　


　　　

・・・・ありがとうございます！！　ほんとに嬉しいです＾＾



きのうは、シーサーブログユーザーは大変でしたね！

「サーバのハードディスク、イッちゃいました」でございますか！？

ぜんぜん更新できねぇにゃあ〜〜〜〜あ！！

本人に八つ当たりしそうです。


　　　　　　　　　　　　　　　　　　|　　 ？？
　　　　　　　　　　　　　　　　　　＼
　　　　　　　　　　　　　　　　　　　 ￣￣○￣￣
　　　　　　　　　　　　　　　　　　 　。O 　　　
　　　　　　





■さて、 話はがらりと変わりますが、

最近ブログで 「ＨＴＭＬタグ講座」 をテーマとして

記事を書く人が多いですね。

その記事中で、




＜a href="http://infostore.jp/" target="_blank"＞インフォストア＜/a＞

（「＜」は半角に直して使ってください。）




というふうに、「半角に直して〜」ってよく書きますよね。

なぜかというと、ＨＴＭＬで 「 < 」 と半角で書くと

タグの一部と認識されてしまって、

レイアウトが崩れてしまったりする恐れがあるからです。





・・・・あれ！？

いま、普通に半角で 「 < 」 って書かなかった！？？



・・・そう、

実はこれには、ある方法があるんです。

それは、次のような書き方です。。。



　　「 < 」　→　「 &lt; 」

　　「 > 」　→　「 &gt; 」



何やら、へんな文字が出てきましたね。

これは、

「ＨＴＭＬ特殊文字」

と呼ばれるものです。



これを踏まえて、上のタグの 「 ＜ 」 の部分を 「 &lt; 」 、

「 ＞ 」の部分を 「 &gt; 」 に変えてみます。

つまり、

＜/a＞

だったら、

&lt;/a&gt;

というふうに書き直します。



それじゃ、画面で確認してみましょう♪


<a href="http://infostore.jp/" target="_blank">インフォストア</a>




これでバッチリ、スマートに書けましたにゃっ＾＾♪



＊＊＊＊編集後記＊＊＊＊

『インフォカートで月７３万稼ぐ！　時間差アフィリエイト』

neccoも買っちゃいました・・・・

またまたアタリを引き当てたか！？

＊＊＊＊＊＊＊＊＊＊＊＊



最後まで読んでくださったみなさん！！・・・　

　　　　　　

・・・・応援、かならずお礼にうかがいます！！
（もし忘れていたら、容赦なくご指摘ください＾＾；）

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
　　　　　　　　インフォカート最新売れ筋トップ１０はこちらから
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

「情報商材＠味見ブログ」のトップページへ

ＨＴＭＬ色見本

こんばんはですーー

「お年玉付き年賀はがき」の抽選全滅に
べつにめげていないフリをしている、
情報商材＠味見役の【necco】です。


やって来てくださったみなさん・・・　

　　　

　　　　　　　　 　　

　　　　　　　　　　　　　　　　

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




きのうは、先日相互リンクを快く承諾してくださった、ちうさんの

情報起業探検

にて、この味見ブログが取り上げられていて、びくりました！！

きのうの記事




取り上げてもらったから言うわけじゃありませんが、

じつはneccoも、ちうさんの「情報起業探検」は、

このブログを始める前から情報商材の購入にあたって

すごく参考にさせてもらっていたブログです。

商材に対して、ちうさんの独特の表現が毎回炸裂しているんです。

しかしそれでいてポイントをかなり的確に表現なさっている・・・・・



・・・・うーーーん、neccoのつたない言い回しでは、うまく伝えられない・・・（涙）

と、ともかく一度覗きに行ってみてはいかがでしょうか！？

どんな商材を買うか迷っている人に、役立つこと請け合いです！！




■ところで、そんなきのうの味見ブログご紹介の記事の中で、

ちうさんが、『neccoが以前「デザイナー」であった』との、

むしろうれしい誤解をなさっていたので、

今回はあえて『ＨＴＭＬ色見本』のテーマで行かせていただきますっ！！（笑）



●Ｑ．文字の色の変え方って、みなさん知ってます？？

＜span style="color:red;"＞赤い色の文字＜/span＞

※＜＞は半角にしてくださいね※

タグでこのように書くと、


赤い色の文字


というふうに、字の色を変えることができます。

この、

"color:red;"

の部分を red とか green に変えると、

それぞれの色に変更できるわけですよね。

ちなみに、redは「#FF0000」、greenは「#008000」

というふうに、#（シャープ）ではじまる６ケタの数字でも色を表せます。


＜span style="color:#FF0000;"＞赤い色の文字＜/span＞

こんな感じで書いてみても、


赤い色の文字


さっきと同じ結果になります。



そこで、

じゃあ毎回何色を使うか？　どんな色があるのか？

当然、迷うことと思います。


そこで necco がいつもお世話になっている、

色見本（カラーチャート）のサイトをご紹介しましょう。



HTML色見本

色見本（直リンクフリー）



このふたつのサイトは、わかりやすくて好きです。

気になる色があったら、クリックすると背景色がその色にパッと変わるので、

どんな色を使ったらいいのか、目安になります。

気に入った色が見つかったら、その色のとなりに書いてある

色の名前や#（シャープ）ではじまる数字を

"color:○○○;"

○○○のところにコピーするだけで使えます！



また、一歩進んだ使い方で、

→→ 文字色と背景色 ←←

このふたつの色の兼ね合い、相性をいろいろ試してみたい！！

というときに使えるサイトが、


ＺＳＰＣ カラーチャート


です！！！



たとえば、

「背景はピンク系の色にして、文字は紫っぽい色にしたいんだけど、ホントに合うのかな？？」

とギモンに思ったら、どんどん実際の画面で試してみれるし、

自分で色の加減もできるし、けっこうベンリですよ(^^)



いちおう、necco は前にパソコンの仕事をしていたことがあるので、

こういうふうな知識は、多少ですけど持ち合わせてます。

なにかわからないこととか、知りたいことなどありましたら

リクエスト受け付けてるので、記事にして発表しちゃいます！！



それじゃ、お待ちしていますね〜＾＾♪





最後まで読んでくださったみなさん！！・・・　

　　　　　

・・・・応援、ほんとうにありがとうございました！


　　　　　　　　　　「情報商材＠味見ブログ」のトップページへ