今回大幅？なカスタマイズを行った
このブログですが、自分だけってのも
つまらないな〜と思いました(゜o゜)

なので、これからしばらく
ファンブログのカスタマイズについて
記事を連載しようかと思います。

ファンブログのカスタマイズ（目次）

カスタマイズ本編に入る前に基礎知識
から説明しようと思います。

---------------------------------------------------------
ＨＴＭＬとは。。。

よくプログラムと思われる方が多いですが、
実を言うとプログラムとは違うぎょ！

何が違うの？

それは動作しないからなんだぎょ

動作しない？コケー！！

そうぎょ！書いてある通りに表示するだけなんだぎょ

ふーん。。。そうなんだ〜

だからそんなに難しく考えないでほしいぎょ！

プログラムはそれによって動作するぎょ
たとえば販売ページがあったとするぎょ？

バブー

１０個の商品を載せるページなら作れそうな
気がするぎょ？

出来る気がするケロ

じゃあ１万個の商品はどうするぎょ？

デ・キ・ナ・イ・・・

と言うことでプログラムが必要になるぎょ！

そうなんだピーね！

自動的にページが表示される仕組みを
作るのがプログラムだぎょ〜！
---------------------------------------------------------

と、前置きはここら辺で。。。

今回のファンブログのカスタマイズは
書いたものがほとんどそのまま表示
されるものだと思ってもらえればと。

なので、挫折しないよう頑張ってね♪

ただ、普通の言葉と違ってブラウザ（ＩＥとか）
がわかる言葉で書かなきゃなりません(^_^.)

それがＨＴＭＬタグというものですね。

では簡単なタグの説明をしましょう。

ページを右クリックして「ソースの表示」等
行えば立派なサンプルが得られます。

ちょっと見てください(^O^)／

まあ上の方は今回あまり気にしないで
かまいません。

少し下がって＜body＞となっている
所からが対象です。

では説明します。

タグの基本は始まりと終わりです。

始まり〜終わり
＜ｂ＞　＜/ｂ＞
というように、始まりは括弧にアルファベット、
終わりはスラッシュ（/）で構成されます。
（この定義に当てはまらないものもあります）

ではタグの意味を説明します。

**********************************
＜a＞：アンカータグ
リンクをつけるときに使用します。

＜ｂ＞：boldタグ
太字にするとき使用します。

＜img＞：イメージタグ
画像を表示するときに使用します。

＜div＞：ディビジョンタグ
セクション（まとまり）を分けるために使用します。

**********************************

このようにタグ一つ一つに意味があります。
この意味をブラウザが読み取って表示するんですね（＾◇＾）

もちろんこれだけではなく他にもいっぱいあります。。。。

でもこれだけでは表示できません。
何が必要なのか？

それは属性というものです。
これがなければほとんどのタグは意味がありません。。。

では属性の説明をします。

#########################
height="??px"
高さを指定します。

width="??px"
幅を指定します。

src="http://fanblogs/??????/????.jpg"
ソース（画像など）を指定します。

href="http://fanblogs/??????/"
リンク先などを指定します。

#########################

とこのような意味があります。

上記を合わせてこのように記述します。

＜a　href="http://fanblogs/??????/"＞
　　＜img src="http://fanblogs/??????/????.jpg" width="180px" /＞
＜a＞

上記はイメージタグのsrcに指定された画像を
widthに指定された幅180px（ピクセル）の大きさ
で表示して、それをクリックしたらhrefに指定された
ページへ移動しなさい。というタグです。

中ほどで説明したように、タグには始まりと
終わりがあります。
その中に囲まれたものはそこで指定してある
タグの言うとおりにするということですね。

＜a＞タグの中に＜img＞タグがありますね。
だから＜img＞で指定されている画像に
リンクが設定されるんですね（＾◇＾）

ちょっと長くなりましたね。。。
なんとなくわかりましたでしょうか？

今はわからなくても大丈夫です。
実際にやると覚えますんで(^O^)／

次回はＣＳＳと実践的な部分に入りたいと思います(^^♪