Webページにエリア(空間)を作ろう!

Webページにエリアを作る方法について調べて見ましょう。
Webページにエリアを作るってなんだか理解しにくんですけど、次の例を実行して結果を見てください。
これを作る方法について調べようと思います。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS::tomodevel - エリアを作ろう!</title>
<style>
    div{width:300px;height:300px;border:1px solid skyblue}
</style>
</head>
<body>
    <div>
    こんなエリアを作って見ましょう。
    </div>
</body>
</html>