divから始めよう
１番目のdivの区画です。
２番目のdivの区画です。



普通の解説では、Hello world.のあとは文字を大きくしたり、色を付けたりなどお化粧の解説です。 しかし、ここのページはユニークなのでいきなりdivを扱います。いままで、HTML関係の書籍を見ましたが、divは 後回しになっていてどんな時に使うかがよく解説してなかったりしました。そこでdivは何たるか！です。 divは区画のようなものです。
上がdivを使った簡単な例です。
任意のエリアに区画を作って「１番目のdivの区画です。」などと表示をしいています。これを上手く使えば柔軟な表現ができます。たとえば、１番目のdivは文字による説明専門、２番目のdiv は画像専門などいろいろ区画の棲み分けができます。
ソースは、

    <div style="position:relative;top:0px;left: 10px; width: 100px; height:50px;
	background:red">
	１番目のdivの区画です。<br>
	</div>

    <div style="position:relative;top:20px;left: 120px; width: 100px; height:100px;
	background:green">
	２番目のdivの区画です。<br>
	</div>
ページをどんなレアウトにするかを考えるうえで、divで考えるといろいろアイデアが広がります。