実はHTMLはこんなつくりになっています。ブログを書いていると感じませんがブログのテンプレートを開いてみると実はこう。どんなテンプレートもデザインの面ではいろいろありますがそれは基本的にBODYの部分の記述が違うだけで基本的には一緒です。
一見難しそうですがよく見ると作りは単純。
「画像を好きなところに貼りましょうって言われてもどこに貼ったらいいかわかんないよ！」
「リンクバナーをこの位置に貼りたいのにどこに貼っても変な場所に表示されちゃう！オカシイ！」
なんてよく聞きますが、そういったものは全部BODY部分に貼り付けるもの。
それぞれ意味があるのです。
またBODY部分も上から順番にタグを読んでいけばどこがどこを表しているかがわかると思います。
次にブロックについて。（もちろんここはBODYのお話）
位置を構成するものは単純に上から書いていったものが上から表示されることは間違いありません。しかし右のものと左のものは？ということがでてきます。ですがそれだけでま大蛇のようにただ長い文書で終わってしまいます。かっこよく中身を配置するには<DIV>〜</DIV>や<P>〜</P>とCSSを組み合わせたりTABLEタグを使った構成にする必要があります。
以前はTABLEタグを使ったレイアウトが多かったのですがデメリットもあったため今はCSSを主に利用したものが増えてきています。
どこに画像をはったらいいかという点については、ブログがブロックで構成されている場合はそのブロックがどうなっているかをよく観察してみてください。（レイアウトをテーブルタグで構成した場合はまた別のお話♪）
基本的にHTMLはカスケードといって始まりのタグと終わりのタグでしめられています。タグの間に書かれているものが重要ですがどのタグで囲んだかによって意味合いが変わってきます。
左のようなレイアウトのサイトがあったとします。
�，良�分にあなたが文字や画像を配置したい場合、これを<DIV>などのブロックで表現した場合は右のようになります。色がついていればわかりやすいかもしれませんが�，吠源�を入れようと思うと赤い文字の部分に入れます。
<DIV>
ここがさらに大きなブロック
<DIV>
ここが大きなブロックA
<P>
ここが小さなブロック� �←ココ!
</P>
<P>
ここが小さなブロック��
</P>
</DIV>
<DIV>
ここが大きなブロックB
<P>
ここが小さなブロック��
</P>
<P>
ここが小さなブロック��
</P>
</DIV>
</DIV>
実際にテンプレートを開いてカスタマイズしようとした時にはこんなにシンプルには見えないと思います。そこにはSTYLEやCLASSなどいろいろなCSSの要素が書き込まれているからです。
でも「ココは一体何がかかれてあるんだ？」という部分は無視してこれらの構造を先ほどの色付きのブロックのように区切って見ることができればHTMLは簡単に見えてくるでしょう。
